rem、em与px之间的关系
2016-02-18 11:39
169 查看
rem : root element 指的是根元素即html的字体大小。主流浏览器的rem均为16px；
font size of the root element
px：相对于显示器屏幕分辨率而言。
em：相对长度单位。相当于当前对象内文本的字体尺寸，如果当前对行内元素的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。（CSS2.0手册
总结
1、em单位和rem单位都是相对大小，px是绝对大小。
2、em基于当前元素或者继承父元素的font-size
3、rem相对于根元素的font-size。通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应
font size of the root element
px：相对于显示器屏幕分辨率而言。
em：相对长度单位。相当于当前对象内文本的字体尺寸，如果当前对行内元素的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。（CSS2.0手册
总结
1、em单位和rem单位都是相对大小，px是绝对大小。
2、em基于当前元素或者继承父元素的font-size
3、rem相对于根元素的font-size。通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- runtime为基类添加统一的方法
- 常用sql语句大全
- 安卓开发中遇到的一些小问题
- 使用 .gitignore来忽略某些文件【转】
- 表的外键处理，来操作表的字段：
- ORM原型概念
- 使用Spring MVC HandlerExceptionResolver处理异常
- Android中应用程序如何获得系统签名权限
- Java线程等待wait通知notify方法的使用
- 对Java Serializable（序列化）的理解
- AJAX POST&跨域 解决方案 - CORS
- 工厂模式
- intptr_t 类型
- 日志/数据自动压缩备份删除小脚本
- iOS 页面间几种传值方式（属性，代理，block，单例，通知）
- 安装lsb_release
- 如何有效进行性能测试——准备篇
- Python正则表达式
- 使用jmeter的java执行oracle查询
- 通达OA批量处理没有结束但前台显示已经结束的流程