关于响应式布局的总结px,em与rem
2015-12-08 21:35
176 查看
1.px
在Web页面初期制作中我们都是用px来设置我们的文本的，因为它比较稳定和准确。但是当用户在浏览器中浏览我们制作的Web页面时，它改变了浏览器的字体大小，会使Web页面布局被打破。这样对于那些关心自己网站可用性的客户来说，就是一个大问题了。因此，这时就提出了使用em来定义Web页面的字体。
2.em
em是相对长度单位。相当于当前对象的文本的字体尺寸。
任何浏览器的默认字体高都是16px。所有未经调整的浏览器都符合。
em会继承父元素的字体大小
3.rem
rem：font size of the element
em 是相对与其父元素来设置字体大小的，而rem是相对于根元素<html>来设置字体大小的。
在Web页面初期制作中我们都是用px来设置我们的文本的，因为它比较稳定和准确。但是当用户在浏览器中浏览我们制作的Web页面时，它改变了浏览器的字体大小，会使Web页面布局被打破。这样对于那些关心自己网站可用性的客户来说，就是一个大问题了。因此，这时就提出了使用em来定义Web页面的字体。
2.em
em是相对长度单位。相当于当前对象的文本的字体尺寸。
任何浏览器的默认字体高都是16px。所有未经调整的浏览器都符合。
em会继承父元素的字体大小
3.rem
rem：font size of the element
em 是相对与其父元素来设置字体大小的，而rem是相对于根元素<html>来设置字体大小的。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 黑马程序员——jdk1.5的新特性
- UVA-1218 Perfect Service
- hive架构原理简析-mapreduce部分
- 线程间的同步
- 【Android游戏开发十七】让玩家自定义手势玩转Android游戏！—Android Gesture之【输入法手势技术】
- VisualRules接口调用（五）
- leetcode -- Same Tree -- 简单重点
- UNIX网络编程笔记(7):回射程序的UDP版本
- 20151209 Linux系统日常管理 (第三部分计划任务crontab;anacron)
- Vijos1603 迷宫
- poj 2184 Cow Exhibition（01背包）
- 用反射，将DataRow行转为Object对象
- 关于nextLine（）和next()的使用
- Round2 - Probability
- Struts2的国际化
- SUSE Linux Enterprise Server设置IP地址、网关、DNS
- UITableViewCell contentView layoutSubviews 死循环
- Struts2的国际化
- LAMP 2.0Apache日志切割
- 整形子类（int subtypes）