CSS 单位 rem 是“root em”的缩写。在 CSS 中使用时，2rem 的计算结果为“根元素字体大小的两倍”，在 HTML 文档中是 HTML 元素字体大小的两倍。我知道我可以通过在例如中指定来更改 HTML 元素的字体大小。 html { 字体大小:10px; }。但是使用 rem 单位这样做有意义吗？它究竟意味着什么？规范中有说明吗？
最佳答案
如果未指定 font-size，浏览器将使用默认大小(大多数情况下为 16px，但我在 CSS 规范中找不到指定的任何位置)。
现在在根元素中使用 rem 会做的是使用该默认值并将其相乘，1rem = 16px, 2rem = 32px。
规范似乎证实了:https://www.w3.org/TR/css-values-4/#rem
rem unit
Equal to the computed value of font-size on the root element. When specified on the font-size property of the root element, the rem units refer to the property’s initial value.
我不会说这有任何意义，因为依赖 CSS 中浏览器的默认值不一定是个好主意，但如果您想乘以浏览器的默认字体大小，则可以。
关于css - HTML 元素上的 rem 单位有意义吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59864387/