css - 在 CSS 中设置基本 REM 值的正确方法是什么？

Question

抱歉，我对此有点不确定。

我希望我的底座为 16px。但我读到的所有关于 rem 使用百分比的资源，例如:

html { font-size: 62.5%; } 
body { font-size: 1.4rem; } /* =14px */
h1   { font-size: 2.4rem; } /* =24px */

如果我希望所有 rem 大小都相对于 16px，我是否只需制作 html { font-size: 16px; }？

为什么使用百分比？

Answer 1

是的，没错。您需要将 html font-size 设置为 16px 作为基本字体大小，然后将 rem 与其余部分一起使用。 Rem 仅相对于 html 调整元素大小，而 em 相对于其最近的父元素调整大小。