//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 );