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

Does rem units on the HTML element make any sense?

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

如果未指定字体大小,浏览器将使用默认大小(大多数情况下为 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 中依赖浏览器的默认值不一定是个好主意,但如果你想增加浏览器的默认字体大小,你可以。