重點:官方推薦使用rpx替代upx
在普通css寫法里,upx會被編譯器編譯埠况;但動態(tài)綁定時枫夺,upx不能像rpx那樣直接支持動態(tài)綁定,還得再使用uni.upx2px方法用來動態(tài)計算胧谈。
其他幾家小程序平臺陸續(xù)都兼容了rpx機制,rpx不再是微信的專用單位菠红,而成為了這個行業(yè)的通用單位第岖。
從HBuilderX 2.0.5起,已經(jīng)支持rpx的正常著色和px2rpx的ide代碼提示轉(zhuǎn)換功能试溯;官方也修改了uni-app文檔中關(guān)于尺寸單位的介紹蔑滓,不再推薦upx的使用,而推薦rpx遇绞。在App端和H5端支持rpx的動態(tài)綁定键袱,實現(xiàn)rpx全端通用。(這個策略調(diào)整摹闽,不影響開發(fā)者的已有代碼正常運行蹄咖,開發(fā)者仍然可以使用upx和uni.upx2px,也可以改用rpx付鹿,沒有必要批量調(diào)整老代碼)
注意:響應(yīng)式單位upx和rpx是動態(tài)寬度單位
很多開發(fā)者對響應(yīng)式單位依賴太嚴重了澜汤,比如組件高度或字體大小也使用upx/rpx。
只有當(dāng)你需要某元素的單位要根據(jù)屏幕寬度大小變化時舵匾,才需要rpx這類動態(tài)寬度單位俊抵。
一般情況下高度和字體大小是不應(yīng)該根據(jù)屏幕寬度變化的,除非你的字體大小想根據(jù)屏幕寬度變化坐梯。
拓展:在設(shè)置文件mainfest.json里開啟px轉(zhuǎn)rpx(默認關(guān)閉)徽诲,所有的px可一鍵轉(zhuǎn)換為rpx