微信小程序(四)屏幕適配

在WXSS中,引入了rpx(responsive pixel)尺寸單位。引用新尺寸單位的目的是,適配不同寬度的屏幕,開發起來更簡單。 如圖所示,同一個元素,在不同寬度的屏幕下,如果使用px爲尺寸單位,有可能造成頁面留白過多。 修改爲rpx尺寸單位,效果如圖所示。 小程序編譯後,rpx會做一次px換算。換算是以375個物理像素爲基準,也就是在一個寬度爲375物理像素的屏幕下,1rpx = 1px。
相關文章
相關標籤/搜索