百度智能小程序 轉(zhuǎn)換px為rpx

2020-09-05 15:16 更新

轉(zhuǎn)換 px 為 rpx

rpx 作為小程序常用頁面自適應(yīng)解決方案,在智能小程序中同樣支持。

rpx(responsive pixel): 可以根據(jù)屏幕寬度進行自適應(yīng),規(guī)定屏幕寬為 750rpx 。如在 iPhone6 上,屏幕寬度為 375px ,共有 750 個物理像素,則 750rpx = 375px = 750 物理像素, 1rpx = 0.5px = 1 物理像素。

px 到 rpx 的轉(zhuǎn)換公式: rpx = px * 750 / 設(shè)計稿寬度;

在實際使用時, px 與 rpx 之間的轉(zhuǎn)換相當(dāng)繁瑣,為提高開發(fā)者效率, css 文件編輯會幫助開發(fā)者將 px 轉(zhuǎn)換為 rpx ,并給出實時的提示。

開發(fā)者可在設(shè)置-編輯設(shè)置-設(shè)計稿寬度中設(shè)置 rpx 轉(zhuǎn)換基準(zhǔn)寬度,默認為 1242px 。





以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號