可以根據螢幕寬度進行自適應。規定螢幕寬度為750rpx.
2、個人示例測試:
假設我們需要乙個寬為200px,高為200px這樣的a元素模組;我們分別在iphone5和iphone6上測試px與rpx之間的轉換。
iphone5:
在iphone5上1px等於2.34rpx,那麼200*2.34=468rpx;如下圖所示:
iphone6:
iphone6上1px=2rpx;那麼我們將a元素的模組轉換成rpx為200*2=400rpx;
從上圖可以看出,不管是iphone5或是iphone6,轉換之後a元素的寬高與沒轉換之前是相等 的。
微信小程式 rpx單位的理解
如何理解rpx?rpx responsive pixel 可以根據螢幕寬度進行自適應。規定螢幕寬為750rpx。如在 iphone6 上,螢幕寬度為375px,共有750個物理畫素,則750rpx 375px 750物理畫素,1rpx 0.5px 1物理畫素。小測試 1 rpx 全稱是什麼?請填寫英...
微信小程式 尺寸單位rpx與px,rem相互轉換
官方文件 rpx responsive pixel 可以根據螢幕寬度進行自適應。規定螢幕寬為750rpx。如在 iphone6 上,螢幕寬度為375px,共有750個物理畫素,則750rpx 375px 750物理畫素,1rpx 0.5px 1物理畫素。裝置rpx換算px 螢幕寬度 750 px換算...
微信小程式中rpx與rem單位使用
來自 授權位址 rpx單位官方文件 rpx單位基礎介紹 如果看完上面幾篇文章,我們開始進入正題吧 1 js中匯入下面這段 function doc,win if doc.addeventlistener return win.addeventlistener resizeevt,recalc,fal...