如何计算类型的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所做的那样），那么你的Base是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;
}

u的字体大小为1.6 * 10 = 16像素。