微信小程序最近火了,大家開發微信小程序有沒有注意微信小程序對手機屏幕的要求或者影響呢,面對不同的手機屏幕,微信
rpx單位是微信小程序中css的尺寸單位,rpx可以根據屏幕寬度進行自適應,
微信小程序尺寸單位rpx以及樣式
rpx單位是微信小程序中css的尺寸單位,rpx可以根據屏幕寬度進行自適應。
規定屏幕寬為750rpx。如在 iPhone6 上,屏幕寬度為375px,共有750個物理像素,則750rpx = 375px = 750物理像素,1rpx = 0.
rpx單位是微信小程序中css的尺寸單位,rpx可以根據屏幕寬度進行自適應。規定屏幕寬為750rpx。
如在 iPhone6 上,屏幕寬度為375px,共有750個物理像素,則750rpx = 375px = 750物理像素,1rpx = 0。
rpx單位是微信小程序中css的尺寸單位,rpx可以根據屏幕寬度進行自適應。規定屏幕寬為750rpx。如在 iPhone6 上,屏幕寬度為375px,共有750個物理像素,則750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。
設備 rpx換算px (屏幕寬度/750) px換算rpx (750/屏幕寬度)
iPhone5 1rpx = 0.42px 1px = 2.34px
iPhone6 1rpx = 0.5px 1px = 2rpx
iPhone6s 1rpx = 0.552px 1px = 1.81rpx
微信小程序也支持rem尺寸單位,rem和rpx的換算關系:rem: 規定屏幕寬度為20rem;1rem = (750/20)rpx
注:開發微信小程序時設計師可以用 iPhone6 作為視覺稿的標準。
感謝大家閱讀,希望能幫助到大家,謝謝大家對本站的支持!
新聞熱點
疑難解答