html - 使用 rem 调整字体大小

Question

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

大家好，我正在努力计算。我们如何获得 14px 的 body 和 24px 的 h1？

Answer 1

当html以百分比形式给出字体大小时，它是根据用户在浏览器选项中设置的字体大小首选项计算的。这通常是 16px 作为跨浏览器的“标准”，但当然它可能会根据用户自己的设置而有所不同。

16px 的 62.5% 是 10px，给出 10pxhtml的绝对字体大小。从那里，应该很容易计算出 和 的body大小h1。