/rpx與px單位相互換算[[支付寶小程序]


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM