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

px与rem

时间:2018-04-10 13:38:19      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:样式布局   显示器   通过   ipa   简单   显示   就是   除了   root   

px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。

em是CSS3新增的一个相对单位(root em,根em),这个单位引起了广泛关注。这个单位与em有什么区别呢?区别在于使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML 根元素。这个单位可谓集相对大小和绝对大小的优点于一身,通过它既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反 应。目前,除了IE8及更早版本外,所有浏览器均已支持rem。对于不支持它的浏览器,应对方法也很简单,就是多写一个绝对单位的声明。这些浏览器会忽略 用rem设定的字体大小。

px 与 rem 的选择?

对于只需要适配少部分手机设备,且分辨率对页面影响不大的,使用px即可 。

对于需要适配各种移动设备,使用rem,例如只需要适配iPhone和iPad等分辨率差别比较挺大的设备

在开发手机浏览器访问web项目时页面使用jsp展示,调整页面时使用margin-left:..px时,在跟换屏幕分辨率后会出现样式错乱等情况,改为使用rem时载次跟换分辨率,样式布局能随着切换。

px与rem

标签:样式布局   显示器   通过   ipa   简单   显示   就是   除了   root   

原文地址:https://www.cnblogs.com/hyhfirst12138/p/8778024.html

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