天天看點

css 小程式機關rpx及rem

rpx

     微信小程式機關 規定螢幕寬度為750rpx

rpx和px的轉換

     如在 iPhone6 上,螢幕寬度為375px,共有750個實體像素,則750rpx = 375px = 750實體像素,1rpx = 0.5px = 1實體像素。

rem和px關系

     rem是基于html元素的字型大小來決定,即 html 根元素的字型大小。

em和px關系

     em則根據使用它的元素的字型大小決定。

     例如,如果一個 div 有 18px 字型大小,10em 将等同于 180px,即 10 × 18 = 180。