css - 在哪里设置基本字体？

Question

如果我在 body 元素上设置一个 font-size，那个大小也会是 1em 吗？

换句话说，如果我这样做:

body {
    font-family: Arial;
    font-size: 16px;
}

我能确定我在所有使用 1em 的地方都等于 16px 吗？

如果上述方法不正确，我还应该如何设置基本字体？

抱歉，如果基本字体不是正确的术语。我不确定这种技术指的是什么。我相信它类似于重置样式表，它会覆盖浏览器的默认样式。

Answer 1

您希望实现的目标可以使用 rem 单元完成。

em 单位“等于使用它的元素的‘font-size’属性的计算值。”在您的情况下，1em 在 body 元素上将是 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