我仍然不清楚 em 中的 size 是什么意思？
我在 CSS 中工作过 px、pt。
0.8、1.0 和 1.2 em 是什么意思？
我在 CSS 中看到了高度，例如：
高度：0.8em；或高度：1.2em；
是怎么计算的？
【问题讨论】：
em 是字母“m”的宽度（以您当前的字体和大小）。
【讨论】：
1em 等于当前字体大小。
2em 表示当前字体大小的 2 倍。
例如，如果一个元素以 12 pt 的字体显示，那么 '2em' 就是 24 pt。 “em”在 CSS 中是一个非常有用的单位，因为它可以自动适应读者使用的字体
这里是其他 CSS 单元的链接：
【讨论】：
1em 等于当前字体大小。 2em 表示当前字体大小的 2 倍。例如，如果一个元素以 12 pt 的字体显示，那么 '2em' 就是 24 pt。 'em' 在 CSS 中是一个非常有用的单位，因为它可以自动适应读者使用的字体。
【讨论】：
Paul 是正确的，但它的“M”不是“m”。然而，这是一个源自排版/印刷的深奥定义，在这种情况下没有多大用处。就对您有用的内容而言，它是字体大小的百分比。
【讨论】：
Em 是字符的大小。它会因字体大小而异。如果字体大小为 24，则 2Em 将等于容纳两个字体大小为 24 的字符所需的空间。
引用自 wiki。
em 是一个度量单位 排版领域。本单元定义 字母宽度的比例和 相对于点大小的高度 当前字体。
仅供参考： En 是 Em 的一半。 0.5Em
【讨论】：
多年来，“em”的含义发生了变化。并非所有字体都包含字母“M”（例如中文），但所有字体都有高度。因此，该术语指的是字体的高度，而不是字母“M”的宽度。
让我们看一个简单的例子，我们使用 em 单位来设置字体大小：
<html>
<style>
h1 { font-size: 2em }
</style>
<body>
<h1>Movies</h1>
</body>
</html>
当用于指定字体大小时， em 单位是指字体大小 父元素。所以，在前面 例如，
h1的字体大小 元素设置为字体的两倍body元素的大小。找到什么h1元素的字体大小将 是，我们需要知道字体大小body。因为这没有在 样式表，浏览器必须找到 它来自其他地方——一个好地方 看是在用户的喜好。 所以，如果用户设置了普通字体 大小为 10 点，大小为h1元素为 20 点。这使得 文件标题相对突出 到周围的文字。所以： 始终使用 em 设置字体大小！
【讨论】：
em 表示“临时单位”，它是相对于其父元素的当前字体大小的。例如，<h1> 标题中的文本默认为 2em。这是因为<h1> 从其父元素（文档的<body>）继承其文本大小。如果我将我的<body> font-size 设置为 16px (font-size: 16px;)。我的<h1> 是 2em 将继承 32px 的大小，因为 2em 是 1em 大小的两倍。在这种情况下 1em=16px 所以 2em=2x16px=32px。现在，如果您使用以下内容创建 HTML 文档
<body>
<h1>Hello world</h1>
<p>Lorem ipsum</p>
</body>
然后定义以下 CSS 规则。
body {font: normal 16px Arial, Helvetica, sans-serif;}
在网络浏览器 (Chrome) 中打开页面并打开浏览器开发工具 (ctrl+shift+I)，您将看到 <h1> 的默认字体大小为 2em。您还将在样式选项卡上看到它是“继承自正文”。
虽然仍在此场景的开发工具中，但您可以在盒子模型图上看到 <h1> 边距在顶部和底部边距上为 21.440 像素。如果查看 <h1> 的 CSS 默认值，您可以看到 margin-block-start: 0.67em; 和 margin-block-end: 0.67em; 记住大小是相对于父元素的字体大小，所以 0.67em 是相对于 <h1> 字体大小而不是字体<body> 的大小，您可以通过一些数学来验证这一点，0.67em x 32px=21.440px 这就是盒子模型图中<h1> 的边距大小。欲了解更多信息，请尝试http://www.123webconnect.com/convert-px-em.php
【讨论】：