微信小程序的尺寸單位rpx介紹


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 作為視覺稿的標准,單位換算相對簡單。


免責聲明!

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



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