码迷,mamicode.com
首页 > 其他好文 > 详细

px em rem 的区别

时间:2017-06-26 19:58:34      阅读:100      评论:0      收藏:0      [点我收藏+]

标签:ie6   一个   像素   区别   使用   相对   浏览器   大小   缩放   

px:像素,用px设置字体大小,比较精确。但是不能适应浏览器的缩放。

em:是一个相对值,根据基准来缩放字体大小。默认1em等于16px,可在body中设置:font-size:62.5%;此时,1em等于10px。em的大小是根据父元素来计算的。

rem:相对值,根据基准来缩放字体大小,rem大小根据 根元素html来计算。

注:ie6-8不兼容em,rem,此种情况,可以px和rem一起使用。eg:p{font-size:14px;font-size:0.875rem;}

px em rem 的区别

标签:ie6   一个   像素   区别   使用   相对   浏览器   大小   缩放   

原文地址:http://www.cnblogs.com/jianmeng/p/7082071.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!