css中em单位的用法
2016-08-05 23:15
127 查看
在国内web开发中,UI通常使用px作单位,因为不同电脑分辨率不同,因此会产生不同的比例效果。
国外很多框架都用rem或em作单位。其好处是可以根据电脑分辨率快捷的调整整个页面的比例。
在自己的框架中使用em的方法:
比如:
先定义整个html font-size = 10px
html {
font-size: 10px;
}
此后,1em = 10px,同样的,如果你定义 html font-size=15px,那么1em也就等于15px
这样最大的好处是方便修改整个页面字体和距离大小。只需要在html标签的css文件上进行修改即可。
国外很多框架都用rem或em作单位。其好处是可以根据电脑分辨率快捷的调整整个页面的比例。
在自己的框架中使用em的方法:
比如:
先定义整个html font-size = 10px
html {
font-size: 10px;
}
此后,1em = 10px,同样的,如果你定义 html font-size=15px,那么1em也就等于15px
这样最大的好处是方便修改整个页面字体和距离大小。只需要在html标签的css文件上进行修改即可。
相关文章推荐
- css中字体单位px,pt,em ,rem,百分比之间的区别和用法
- css中字体单位px,pt,em,百分比之间的区别和用法
- 学习css了解单位em和px的区别
- 学习CSS了解单位em和px的区别
- css中字体单位px与em
- 学习CSS了解单位em和px的区别
- 学习CSS了解单位em和px的异同
- 学习CSS了解单位em和px的区别
- 学习CSS了解单位em和px的区别
- css中字体单位px与em
- CSS中em和px单位的区别(转)
- 学习CSS了解单位em和px的区别
- CSS的长度单位(em)
- CSS长度单位及区别 em ex px pt in
- [css技术][关于单位em的思考]
- css中字体单位px与em
- 学习CSS了解单位em和px的区别
- 工具:CSS的em、px、pt长度单位转换
- 了解CSS中em单位和px单位的区别
- Css中的度量单位 px em ex pt pc in mm cm