关于 rem 作为单位设置大小
2016-09-04 16:42
232 查看
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大小单位的设置
- 移动端页面以rem为单位设置字体大小不生效解决方法
- css3文字单位rem 设置文字大小
- 移动端初设置(使用rem作为单位)
- 关于css设置大小的单位
- 关于Eclipse中设置文字大小的路径
- CSS继承机制&使用相对单位设置字体大小
- ASP.NET中关于上传附件的大小设置问题
- 关于ActiveReport报表 -- 页面设置 文档大小
- [Android] 字体使用dp单位避免设置系统字体大小对排版的影响
- 关于波特率的设置中M的单位问题
- 关于设置JVM内存大小的问题
- 关于DSPI模式 SPI作为丛机的 坑爹设置
- 关于存储大小的计量单位
- 关于使用Css设置Canvas画布大小的问题
- Devexpress XtraReport 设置页面大小单位
- 关于Memstore的大小设置一点经验
- 关于VC字号大小的设置相关代码
- 第二步:关于布局文件中的大小设置使用问题