关于 rem 作为单位设置大小
Posted 夏目友人喵
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于 rem 作为单位设置大小相关的知识,希望对你有一定的参考价值。
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
以上是关于关于 rem 作为单位设置大小的主要内容,如果未能解决你的问题,请参考以下文章