微信小程序 iphone6 和 iphone6plus 如何設置rpx單位,通俗易懂的方法

pt:屏幕物理像素（屏幕實際寬度像素） px:屏幕分辨率 pt和px關係：iphone6plus
ppi密度高，1pt裏有3px，iphone6 1pt裏有2px。

iphone6寬度 （物理像素） ：375pt，1pt含有2px， 分辨率（設計圖） 750px。
iphone6plus寬度（物理像素）：414pt，1pt含有3px，分辨率（設計圖）1252px。

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手機大小設計方案最佳！！