微信小程序rpx，px，rem单位换算规则

微信小程序rpx，px，rem单位换算规则

小程序的单位rpx是根据iphone6的设备宽度定义的。

需要UI设计稿出:375 x 667 基于苹果6/7/8 开发

1. rpx:不论哪个型号的手机，屏幕宽度都是750rpx

   rpx与px的转换，根据设计稿换算
   例如：设计稿750px宽度，ps上量出或者标出的宽度是多少，那么就定义多少rpx，也就是，1px = 1rpx
   例如：设计稿640px宽度，根据量出的或者标出的尺寸需要转换一下，1px = 750/640rpx

2. rem:根据设计稿换算

   例如：设计稿750px宽度，那么1rem = （750/20）rpx = 37.5px
   例如：设计稿640px宽度，那么1rem = （640/20）rpx = 32px

微信小程序px与rpx换算

rpx是微信小程序中css的尺寸单位，可以根据屏幕宽度进行自适配。

规定屏幕宽度为750px，譬如iphone6，屏幕宽度为375px，共有750个物理像素，则1rpx = 0.5px。

设备rpx换算px：屏幕宽度/750，px换算成rpx:750/屏幕宽度；

iPhone5 1rpx = 0.42px 　　 1px = 2.34px ；

iPhone6 1rpx = 0.5px 　　　　1px = 2rpx ；

iPhone6s 1rpx = 0.552px 　　 1px = 1.81rpx；