web app开发之rem
2015-12-22 08:27
489 查看
CSS3新增了一个相对单位rem,官方的解释为“font size of the root element”,相对于根元素(html)的font size。
rem,em,px单位的区别:
rem单位和em单位都是相对大小,px是绝对大小。其区别在
1.em基于当前元素的(如果没设置就是继承其父元素的)font-size,这样会出现一些组合问题;
2.rem则是只相对于根元素的font-size,即只需要设置根元素的font-size,其它元素使用rem单位设置成相应的百分比即可
默认没有对根元素设置font-size的时候,1rem = 16px,为了方便计算,通常会把根元素的字体大小设置为62.5%,就相当于10px。但是要注意的是在chorme浏览器下,最小字体为12px,如果设置根元素字体大小为62.5%,就计算错误。
rem,em,px单位的区别:
rem单位和em单位都是相对大小,px是绝对大小。其区别在
1.em基于当前元素的(如果没设置就是继承其父元素的)font-size,这样会出现一些组合问题;
2.rem则是只相对于根元素的font-size,即只需要设置根元素的font-size,其它元素使用rem单位设置成相应的百分比即可
默认没有对根元素设置font-size的时候,1rem = 16px,为了方便计算,通常会把根元素的字体大小设置为62.5%,就相当于10px。但是要注意的是在chorme浏览器下,最小字体为12px,如果设置根元素字体大小为62.5%,就计算错误。
相关文章推荐
- Android 5.0及更高系统使用AIDL的问题
- html系列教程--nav noscript option optgroup object
- DTO、Model,ViewModel,Object,Entity作用
- android studio一些严格的细节
- IOS开发之深拷贝与浅拷贝(mutableCopy与Copy)详解-讲得非常棒
- [黑马IOS自学第十六篇]OC分类学习
- [黑马IOS自学第十四篇]Foundation框架学习
- Android BroadcastReceiver 广播分析;无序广播与有序广播优先级规则探讨
- iOS开发之蓝牙通讯
- Android 自定义Permission;permission-tree;permission-group自定义(权限,权限组,权限树)
- Android 较复杂JSON的解析过程
- Android、Ios and Java 实现三重Des对称加密
- iOS 支付宝集成
- Swift 函数(笔记)
- android SDK开发-- 功能设计
- Android SDK开发 (三) App的属性配置
- Android笔记(12)---ScrollView的使用
- Android sdk开发(二) Log日志类的设计
- Android笔记(11)---ViewFlipper的使用
- android解决dialog和popupwindow的BadTokenException:Unable to add window