用rem调整字体大小

Question

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

嘿伙计们，我正在努力计算出来。 我们如何获得14px的身体和24px的h1？

Answer 1

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

16px的62.5％是10px，使html的绝对字体大小为10px。从那里开始，应该很容易计算body和h1的尺寸。