uni-app横竖屏切换之后样式错乱字体变大解决方法

1,133 阅读1分钟

原文转自我的博客xuehuayu.cn/article/543…

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

分析

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

总结

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

解决办法

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

代码

横屏页面

  // 屏蔽原生返回,改为自己的方法实现
  methods:{
    goback() {
      uni.navigateTo({
        url: '../back/back', // 进入自定义的返回页
      })
    },
  },
  onBackPress(e) {
    this.goback()
    return true
  },

自定义返回页

  onLoad() {
    uni.navigateBack({
      delta: 2, // 回退两个页面
    })
  },