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,既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。