px、em、rem、rpx的介绍以及使用场景

px

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

特点

IE不能调整以px为单位的元素或者字体大小、Firefox可以调整

em

em相对长度单位，相当于当前文本的字体尺寸，如未设置尺寸大小，则是浏览器的默认字体尺寸。

特点

em的值不固定、em会继承父级元素的字体大小，这也是它的缺点，如果同时设置子元素和父元素字体大小会出现连锁反应。未经过调整的浏览器均为16px=1em

rem

也称根em，只修改根元素，就可以调整字体大小，所以浏览器均支持rem，可以避免字体大小逐层复合的连锁反应。
使用时 可以和px两者都使用。避免有些用户不兼容。

什么情况下选择px和rem？

对于只需要适配少部分移动设备，分辨率对页面影响不大时，使用px。
对于需要适配各种移动设备，使用rem。

rpx

rpx是解决自适应屏幕尺寸的尺寸单位，宽度为固定的750rpx。比如iPhone6的屏幕宽度是375px，那就是1px=2rpx。