微信小程序iphone6和iphone6plus如何设置rpx单位,通俗易懂的方法-iphone桌面添加微信小程序-苹果小程序添加到桌面-即速应用

微信小程序iphone6和iphone6plus如何设置rpx单位,通俗易懂的方法-iphone桌面添加微信小程序-苹果小程序添加到桌面

浏览量：3720 时间：2020-04-06 来源：weixin_34239169

1.
pt:屏幕物理像素（屏幕实际宽度像素）px:屏幕分辨率pt和px关系：iphone6plusppi密度高，1pt里有3px，iphone61pt里有2px。
2.
iphone6宽度（物理像素）：375pt，1pt含有2px，分辨率（设计图）750px。iphone6plus宽度（物理像素）：414pt，1pt含有3px，分辨率（设计图）1252px。
3.
rpx换算：
4.
换算公式：750/屏幕实际宽度（pt）
5.
iphone6plus（@3x）px换算rpx:
6.
750/4141.8115942028985508rpx在设计图中，设计图大小为1252px;如果一个宽度为30px换算rpx：30/3*1.81159420289855088.115942028985508;所以在微信小程序中，直接填写8.115942028985508rpx即可。
7.
iphone6(@2x)px换算rpx：750/3752rpx;在设计图中，设计图大小为750px;如果一个宽度为30px换算rpx:30/2*230rpx所以在微信小程序中，直接填写30rpx即可。
8.
rpx是在不同屏幕下可以适配的，所以使用rpx单位只要在一种设计图下适配，都可以在不同设备大小自己调节大小通过以上例子看出做小程序时，需要设计图为以iphone6手机大小设计方案最佳！！