在CSS中，为什么1rem比根小？

Question

在此代码中，

<a>

保持其原始

30px

大小，并使用

1rem

应用的

.a

（理应如此）。
但

<h2>

变小了。

为什么？

Answer 1

您的问题是您已将整个 HTML 文档的根字体大小设置为 30px。现在，每 1 REM 等于 30px。通常，H2 标题元素看起来比根字体大小大，但由于您使用

.a

类覆盖它（font-size 属性），因此您手动将其设置为 30px，这比通常的要小设为默认值。