區別:1、rpx是相對長度單位,而px是固定長度單位;2、rpx可以自適應手機分辨率,適合當前機型,而px不能很好的適應不同分辨率的智慧型手機.
本教學操作環境:HarmonyOS 2.0系統、微信8.0.19版、HONOR V30。
在小程式中尺寸的大小一般以px或rpx為單位,其中px就是傳統意義上的像素值,不能很好的適應不同分辨率的手機,因此rpx出現了
1、rpx可以自適應手機分辨率,適配當前機型
2、px是絕對大小。
rpx
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.81 rpx |
建議: 開發微信小程式時設計師可以用iPhone6 作為視覺稿的標準。
注意: 在較小的螢幕上不可避免的會有一些毛刺,請在開發時盡量避免這種情況。
【相關學習推薦:小程式開發教學】
以上是小程式中rpx和px有什麼差別的詳細內容。更多資訊請關注PHP中文網其他相關文章!