码迷,mamicode.com
首页 > 其他好文 > 详细

关于 rem 作为单位设置大小

时间:2016-09-04 17:41:43      阅读:633      评论:0      收藏:0      [点我收藏+]

标签:

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 作为单位设置大小

标签:

原文地址:http://www.cnblogs.com/lxl0419/p/5839682.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!