CSS3定义了一个font-size被调用的新长度单位rem.这允许我们计算元素font-size与根元素(html元素)的关系.
为了font-size更容易计算,我们通常假设根元素font-size是16px,因此CSS通常最终会像这样:
html { font-size:62.5%; } // 10px = 16px * 0.625
Run Code Online (Sandbox Code Playgroud)
因此,每个元素高度与例如rem相对10px
p{ font-size : 1.4rem ;} // 14px = 10px * 1.4
Run Code Online (Sandbox Code Playgroud)
我无法找到为什么我们假设我们可以乘以16px?我们怎样才能相信每个浏览器都具有相同的基值16px?是否有关于预定义的标准描述16px?
参考