px与rem

Posted 2020-10-30 hyhfirst12138

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时载次跟换分辨率，样式布局能随着切换。