HTML 元素上的 rem 单位有意义吗？

Question

CSS 单位 rem 是“root em”的缩写。 当在 CSS 中使用时， 2rem计算为“根元素字体大小的两倍”，这在 HTML 文档中是 HTML 元素字体大小的两倍。 我知道我可以通过在html { font-size: 10px; }中指定它来更改 HTML 元素上的字体大小。 html { font-size: 10px; } 。 但是使用 rem 单位这样做有意义吗？ 这到底是什么意思？ 规范说了吗？

Answer 1

如果未指定字体大小，浏览器将使用默认大小（在大多数情况下为 16px，但我找不到在 CSS 规范中的任何地方指定它）。

现在在根元素中使用 rem 将使用该默认值并将其相乘，1rem = 16px，2rem = 32px。

该规范似乎证实了这一点： https ://www.w3.org/TR/css-values-4/#rem

单位

等于根元素上 font-size 的计算值。 当在根元素的 font-size 属性上指定时，rem 单位指的是属性的初始值。

我不会说它有任何意义，因为依赖浏览器在 CSS 中的默认值不一定是个好主意，但如果你想增加浏览器的默认字体大小，你可以。