如果我在body 元素上设置font-size，那么这个大小也会是1em 吗？
换句话说，如果我这样做：
body {
font-family: Arial;
font-size: 16px;
}
我能确定我在任何地方使用 1em 都会等于 16px 吗？
如果上述方法不正确，我应该如何设置基本字体？
对不起，如果基本字体不是正确的术语。我不确定这种技术被称为什么。我相信它类似于重置样式表，它会覆盖浏览器的默认样式。
【问题讨论】：
你想要达到的目标可以用 rem 单位来完成。
一个 em 单位是“等于使用它的元素的‘font-size’属性的计算值。”在您的情况下，body 元素上的 1em 将是 16px。但是，如果您更改任何元素上的font-size，则该元素上的1em 将等于该元素的font-size。如果在font-size 上使用ems，它是相对于父元素的font-size。因此，如果p 是div 的孩子，并且div 上的font-size 是12px，那么p 上的font-size: 1em 将是12px.
另一方面，1rem 始终等于根元素的字体大小的计算值。在 HTML 中，这是 html 元素。因此大小总是一致的。见http://www.w3.org/TR/css3-values/#rem-unit
【讨论】：
rem 单位是 root 元素的字体大小，在 HTML 文档中始终是 html 元素（而不是 body 元素）。
定义 font-size 属性时，em 等于应用到相关元素父级的字体大小。如果你没有在页面的任何地方设置字体大小，那么它是浏览器默认的，大概是 16px。
所以，默认情况下1em = 16px 和2em = 32px。如果你在 body 元素上设置了 20px 的字体大小，那么 1em = 20px 和 2em = 40px。
请注意，值 2 本质上是当前 em 大小的乘数。
【讨论】：
如果您为一个元素设置了font-size，那么（假设您的 CSS 规则将被应用）em 单元具有该值该元素。
你不能改变 em 在 CSS 中的含义：它表示使用它的元素的字体大小（除非在 font-size 声明或 font 简写中使用，其中它表示父元素的字体大小）。
将em 设置为固定值会破坏该单元的目的：意味着会根据上下文和设置而变化。如果您想将em 设置为16px，则只需使用px 单位而不是em 单位。如果您认为数字太大，您可以使用pc (pica) 单位：CSS3 Units，在浏览器实践中，1pc = 12pt = 16px。
【讨论】：