首页 > 技术文章 > 关于 rem 作为单位设置大小

lxl0419 2016-09-04 16:42 原文

rem是相对长度单位
相对于根元素(即html元素)font-size计算值的倍数htm{font-size: 62.5%;}
根元素(html)先设置一个font-size,一般情况下为了容易计算rem的值,会将根元素设置为62.5%,因为默认状态下
,浏览器的默认文字大小为16px,16*0.625=10px,这样就有1rem=10px,用到数值就很容易计算。

这样设置的好处是便于处理响应式布局,只需要根据需要调整根元素的font-size就可以直接对所有rem相对单位的相关元素同时调整。
浏览器的支持度:IE9+,其他浏览器可见的版本基本都支持,多用于移动端

我试了下  font-size: 62.5%或更小的时候  px和rem比值不变

在IE firefox中 比值 1:10
在chrome 比值 1:12

推荐阅读