跳至主要內容
小程序横屏兼容处理

背景

在h5开发中可用的css适配单位有 em/百分比/rem/vw/vh/vmin/vmax,小程序提供了 rpx: 可以根据屏幕宽度进行自适应,规定屏幕宽为750rpx。

日常小程序开发中,一般设计图尺寸为 750 * 1334 px,则在小程序中一般 1px 直接写为 1rpx ,当小程序为竖屏("pageOrientation": "portrait" 默认为竖屏)时,根据 rpx 可以直接还原UI图,但是当小程序为横屏("pageOrientation": "landscape")时,根据 rpx 适配就明显比较大,不符合UI图,因为 rpx 是根据屏幕宽度适配的。


fxss原创大约 2 分钟小程序横屏