微信小程序 iphone6 和 iphone6plus 如何设置rpx单位

pt:屏幕物理像素（屏幕实际宽度像素） px:屏幕分辨率 pt和px关系：iphone6plusppi密度高，1pt里有3px，iphone6 1pt里有2px。

iphone6宽度 （物理像素） ：375pt，1pt含有2px， 分辨率（设计图） 750px。 iphone6plus宽度（物理像素）：414pt，1pt含有3px，分辨率（设计图）1252px。

94afe1f48f2374bcda760e431ddaecab.png (144.12 KB, 下载次数: 57)

下载附件

2018-1-11 22:42 上传

rpx换算：

换算公式：750/屏幕实际宽度（pt）

iphone6plus（@3x） px换算rpx:

750/414=1.8115942028985508rpx
在设计图中，设计图大小为1252px;
如果一个宽度为30px换算rpx：
30/3*1.8115942028985508=8.115942028985508;
所以在微信小程序中，直接填写8.115942028985508rpx即可。

iphone6(@2x) px换算 rpx：
750/375=2rpx;
在设计图中，设计图大小为750px;
如果一个宽度为30px换算rpx:
30/2*2=30rpx
所以在微信小程序中，直接填写30rpx即可。

rpx是在不同屏幕下可以适配的，所以使用rpx单位只要在一种设计图下适配，都可以在不同设备大小自己调节大小通过以上例子看出做小程序时，需要设计图为以iphone6手机大小设计方案最佳！！