時間：2017-01-12 11:18:21
零、總結(jié)
- 屏幕寬度為750rpx, 20rem, 375px。 1px = 2rpx
- 設(shè)計師設(shè)計小程序圖，建議使用750px的大小
一、支持的單位
rpx , rem , px
1px = 2rpx
1rem = ( 750/20 ) rpx
二、單位介紹
1. rpx
rpx單位是微信小程序中CSS的尺寸單位，rpx可以根據(jù)屏幕寬度進行自適應(yīng)。 規(guī)定的屏幕寬度為 750rpx （其他就說 iphone6 的物理像素）
iphone6 屏幕寬度 375px , 750物理像素=750rpx
因此 1px = 2rpx
- 因此建議微信小程序設(shè)計師按照iphone6的屏幕來設(shè)計小程序，設(shè)計圖寬度為750px, 這樣開發(fā)的時候，直接用 設(shè)計圖上量出來多少px ， 就是開發(fā)中，多少rpx ，不同設(shè)備的兼容呢， 微信小程序會自己去計算
2. rem
微信小程序規(guī)定屏幕的寬度為 20rem， 那么就換算成 rpx 和 px 的公式就出來了
1rem = 750/20 = 37.5rpx
1rem = ( 750/20/2 ) px
