px

Pixel 像素,相对长度单位。像素是相对于显示器分辨率而言。


rpx

单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。

小程序规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px。即小程序的750rpx就等于屏幕的宽度,1rpx=(屏幕宽度/750)px。rpx 的具体长度会随着屏幕的宽度变化而变化。

设备 rpx换算px (屏幕宽度/750) px换算rpx (750/屏幕宽度)

iPhone5 1rpx = 0.42px    1px = 2.34px

iPhone6 1rpx = 0.5px     1px = 2rpx

iPhone6s 1rpx = 0.552px    1px = 1.81rpx


em

em是一个相对的长度单位,跟随父级的大小而变化。


rem

rem 也是一个相对的单位,仍是相对大小,但相对的只是HTML根元素。通过rem,既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。