微信小程序最近火了，大家開發(fā)微信小程序有沒有注意微信小程序?qū)κ謾C屏幕的要求或者影響呢，面對不同的手機屏幕，微信

rpx單位是微信小程序中css的尺寸單位，rpx可以根據(jù)屏幕寬度進行自適應(yīng),

微信小程序尺寸單位rpx以及樣式

rpx單位是微信小程序中css的尺寸單位，rpx可以根據(jù)屏幕寬度進行自適應(yīng)。

規(guī)定屏幕寬為750rpx。如在 iPhone6 上，屏幕寬度為375px，共有750個物理像素，則750rpx = 375px = 750物理像素，1rpx = 0.

rpx單位是微信小程序中css的尺寸單位，rpx可以根據(jù)屏幕寬度進行自適應(yīng)。規(guī)定屏幕寬為750rpx。

如在 iPhone6 上，屏幕寬度為375px，共有750個物理像素，則750rpx = 375px = 750物理像素，1rpx = 0。

rpx單位是微信小程序中css的尺寸單位，rpx可以根據(jù)屏幕寬度進行自適應(yīng)。規(guī)定屏幕寬為750rpx。如在 iPhone6 上，屏幕寬度為375px，共有750個物理像素，則750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

 設(shè)備 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的換算關(guān)系：rem: 規(guī)定屏幕寬度為20rem；1rem = (750/20)rpx

注：開發(fā)微信小程序時設(shè)計師可以用 iPhone6 作為視覺稿的標準。

感謝大家閱讀，希望能幫助到大家，謝謝大家對本站的支持！

最新評論