记 iOS uniapp横屏页面显示不全和页面字体变大的解决办法

博主大大 2021-11-19 4.76k

横屏页面即字体变大

异常描述
第一次进入横屏页面显示正常，返回上级页面后再次进入该页面或者其他页面，页面和字体都变为之前的2倍即 rpx 失效

横屏页面即字体变大

异常描述
横屏后页面宽度与竖屏时宽度一致，无法铺满全屏

解决方案

1、在 onReady() 里延迟设置屏幕横屏

onReady() {
    // #ifdef APP-PLUS
        setTimeout(() => {
            plus.screen.unlockOrientation(); //解除锁定屏幕方向
            plus.screen.lockOrientation('landscape-primary');
        }, 300)
    // #endif
},

X