【IoT】 产品设计：微信小程序如何适配不同机型

rpx是小程序中的尺寸单位，它有以下特征：

小程序的屏幕宽固定为750rpx，即750个物理像素，1rpx=（screenWidth / 750）px，其中screenWidth为手机屏幕的实际的宽度（单位px）。

例如iphone6的screenWidth=375px，则在iphone6中1rpx=0.5px

在不同设备上rpx与px的转换是不相同的，但是宽度的rpx却是固定的，所以可以使用rpx作为单位，来设置布局的宽高。

开发微信小程序时可以用iPhone6作为视觉稿的标准：
 
直接以iPhone6的屏幕尺寸（375 × 667） 用作视觉稿尺寸，1PX：0.5rpx, 以 1PX：1rpx的标准，将设计稿尺寸设定 为750×1334 。 
 

 

 

refer：

http://www.yiyongtong.com/archives/view-3613-1.html

https://www.cnblogs.com/fps2tao/p/11098204.html