//rpx与px单位相互换算
rpx(responsive pixel)可以根据屏幕宽度进行自适应,rpx规定屏幕宽为 750rpx。以 Apple iPhone6 为例,屏幕宽度为 375px,规定共有 750 个物理像素,则 750rpx = 375px = 750 物理像素,1rpx = 0.5px = 1 物理像素(既1px=2rpx)。
假如我们拿到设计稿375px(按照375屏幕设计的),针对于375px的所有样式规格都尊训1px=2rpx,比如设计稿375px的图量出我们需要设置某个字体16px,我们需要设置16*2=32rpx。这样在375px屏幕下他自动调整的是16px,达到设计的要求,如果他在750px屏幕下,1px=1rpx。根据我们设置的32rpx,他自动在750屏幕下显示字体调整为32px
//px转换rpx
rpx=px * (750 / 屏幕宽度)let rpx = px *( 750 / my.getSystemInfoSync().windowWidth);
//rpx转换px
px=rpx * (屏幕宽度 / 750)let px = rpx *( my.getSystemInfoSync().windowWidth / 750 );