Kong Jing

微信小程序rpx

10 June 2018

• rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

设备	rpx换算px（屏幕宽度/750）	px换算rpx(750/屏幕宽度)
iPhone5	1rpx=0.42px	1px=2.34rpx
iPhone6	1rpx= 0.5px	1px = 2rpx
iPhone6 Plus	1rpx=0.552px	1px=1.81rpx

• iPhone 7 宽高比 375 x 667, 因此屏幕高度对应与 667 / 375 x 750 rpx = 1334 rpx
• iPhone 7 Plus 宽高比 414 x 736，因此屏幕高度对应与 736 / 414 x 750 rpx = 1333.33 rpx
• iPhone X 宽高比 375 x 812，因此屏幕高度对应与 812 / 375 x 750 rpx = 1624 rpx

行高通常为字号的1.4倍

— Kong Jing