1、rpx: 微信小程序中的尺寸單位rpx(responsive pixel)
可以根據屏幕寬度進行自適應。規定屏幕寬度為750rpx.
注:微信官方建議視覺稿以iphone6為標准。
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元素的寬高與沒轉換之前是相等 的。