微信小程序中rpx与rem单位转换

rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。
规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 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
微信小程序也支持rem尺寸单位，rem和rpx的换算关系：rem: 规定屏幕宽度为20rem；1rem = (750/20)rpx =37.5rpx;
注：开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准,单位换算相对简单!

rpx的使用

1）小程序中rpx与px的转换
例如：设计稿750px宽度
那么恭喜您，你ps上量出宽度是多少，那么你就定义多少rpx，也就是 1px = 1rpx
例如：设计稿640px宽度
那么很遗憾，你需要转换一下 1px = 750/640 rpx
小程序中rpx和px的转换
2）小程序中如何继续使用rem
例如：设计稿750px宽度
此时1rem = （750/20）rpx = 37.5px
例如：设计稿640px宽度
此时1rem = （750/20）rpx = 32px
小程序中rem的使用
注意：无论设计稿多少，rem与rpx换算总是一样的，但是rem与px在小程序中换算是 rem =
设计稿宽/20，这一点与我们平时使用的rem完全不一样。