微信小程式 rpx 尺寸單位詳細介紹

NO IMAGE

微信小程式最近火了,大家開發微信小程式有沒有注意微信小程式對手機螢幕的要求或者影響呢,面對不同的手機螢幕,微信

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 作為視覺稿的標準。

感謝大家閱讀,希望能幫助到大家,謝謝大家對本站的支援!

您可能感興趣的文章:

微信小程式 條件渲染詳解微信小程式 POST請求(網路請求)詳解及例項程式碼微信小程式使用第三方庫Immutable.js例項詳解微信小程式 Mustache語法詳細介紹微信小程式 loading 元件例項詳解微信小程式 navigation API例項詳解微信小程式 判斷手機號的實現程式碼