众所周知,现在的移动设备的种类多,操作系统就有android、ios、windows phone等等,而且有着多种屏幕尺寸,比如5.5寸、6寸等等,而且屏幕像素间也存在着差异,所以小程序开发者不得不对不同的操作系统和不同的屏幕尺寸进行处理。
而为了使小程序能在任何屏幕尺寸上都能正确显示,我们需要进行适配处理,所以微信团队做出了专门处理适配问题的解决方法,给我们提供了一个新的尺寸单位 rpx。
Rpx的话,就是可以根据不同的屏幕尺寸进行适配,并且规定所有的屏幕宽都为750rpx。
下面小编整理的列表内容,就是是 rpx 与 px 之间的换算关系,大家可以参考使用,以便于进行小程序开发。
设备 屏幕尺寸 rpx换算px (屏幕宽度/750) px换算rpx (750/屏幕宽度)
iPhone5 320px 1rpx = 0.42px 1px = 2.34rpx
小米MIX 2S 360px 1rpx = 0.48px 1px = 2.083rpx
iPhone6 375px 1rpx = 0.5px 1px = 2rpx
iPhone6 Plus 414px 1rpx = 0.552px 1px = 1.81rpx
HUAWEI Mate 10 480px 1rpx = 0.64px 1px = 1.562rpx