uni-app横竖屏切换之后字体变大,具体为,切换到横屏后,又进入一个竖屏新页面,此时这个页面的字体会变大。

分析

具体为,切换到横屏后,又进入一个竖屏新页面,此时这个页面的字体会变大。之后进入任何页面都会正常

总结

进入横屏后,再进入到一个未打开过的页面,此时这个页面的字体会变大,但是进入第二个页面,或者再次打开第一个页面都会正常。

解决办法

退出横屏时,首先进入一个 空白页,空白页中在继续进行跳转
我的场景是,进入视频横屏,然后退出横屏,所以是拦截原生返回,自定义返回时,进入一个空白页面,然后再空白页面回退两个页面

代码

横屏页面

1
2
3
4
5
6
7
8
9
10
11
12
// 屏蔽原生返回,改为自己的方法实现
methods:{
goback() {
uni.navigateTo({
url: '../back/back', // 进入自定义的返回页
})
},
},
onBackPress(e) {
this.goback()
return true
},

自定义返回页

1
2
3
4
5
onReady() {
uni.navigateBack({
delta: 2, // 回退两个页面
})
},