首頁  >  文章  >  微信小程式  >  小程式中rpx和px有什麼差別

小程式中rpx和px有什麼差別

青灯夜游
青灯夜游原創
2022-02-09 11:59:2526951瀏覽

區別:1、rpx是相對長度單位,而px是固定長度單位;2、rpx可以自適應手機分辨率,適合當前機型,而px不能很好的適應不同分辨率的智慧型手機.

小程式中rpx和px有什麼差別

本教學操作環境:HarmonyOS 2.0系統、微信8.0.19版、HONOR V30。

小程式中rpx與px的差異

在小程式中尺寸的大小一般以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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn