如何计算类型的REM？

Question

如何为我的类型将PX转换为REM？我读过Jonathan Snook关于使用REM的文章，但他使用的是font- size :62.5%，默认字体大小为10px (为了便于计算)。如果我使用100%，75%等等，我如何将我的PX单位转换成REM？

Answer 1

Target Size / Base Size = Value

因为我们可以假设浏览器使用16px作为默认值(毕竟，这就是Jonathan Snook假设62.5%是10px所做的)，那么你的基础是16。如果你想要32px，那么32 / 16 = 2，想要40px，然后40 / 16 = 2.5，想要24，然后是24 / 16 = 1.5。

对于75%的人也是如此...确定75%是什么(它是12)并执行相同的计算。如果你想要32px，然后是32 / 12 = 2.666，想要40px然后是40 / 12 = 3.333，想要24然后是24 / 12 = 2。

Answer 2

如果您只是将此代码添加到您的样式文件中

html {
  font-size: 62.5%;
}

它将转换1个rem=10px。现在你将使用10px的基数。所以

body {
  font-size: 1.6 rem;
}

你将有字体大小的1.6*10=16 px。