HealerLZH
HealerLZH
  • 发布:2019-09-27 15:51
  • 更新:2020-06-08 17:53
  • 阅读:1096

【报Bug】uniapp单个页面横屏之后,导致其他页面竖屏页面使用横屏的宽度渲染【ios出现】

分类:uni-app

详细问题描述

在app中,tabbar分4个页面,都是竖屏页面,使用了强制竖屏。
例如A页有子页是横屏展示,使用了强制横屏,返回tabbar后,未出现异常,再点击其他页面,发现被放大,怀疑是使用了横屏的宽度渲染页面。导致内容放大。安卓上未发现该问题,ios出现

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]

[IDE版本号]
HBuilder X2.3.3.20190923
[windows版本号]
win10
[mac版本号]

uni-app运行环境说明

ios
[运行端版本号]
12.1

[编译模式是老模板模式还是新的自定义组件模式?]
自定义组件模式

[QQ]
704599298

2019-09-27 15:51 负责人:无 分享
已邀请:
wmy29bbb@163.com

wmy29bbb@163.com

强制横屏恢复竖屏后,再次且第一次进入另一个页面时,页面所有的元素都放大了,这个问题一直在关注,经过无数次的爬坑和测试,总结出解决方法如下:
如果是非V3模式编译,安卓正常、ios出问题。解决:进入需要横屏的页面时,不要onload就横屏,写个定时器延迟500ms再用

plus.screen.lockOrientation('landscape-primary');

横屏,最近更新到v3模式,安卓出问题,ios正常,这很奇怪。定时器延迟500ms不管用了,解决:定时器延时1200ms。
吐血实测有效。

  • HealerLZH (作者)

    真实,和您的情况一模一样。

    2020-04-08 16:15

  • wmy29bbb@163.com

    回复 HealerLZH: 一直在用uniapp持续开发和迭代,以后多交流

    2020-04-09 20:11

  • HealerLZH (作者)

    回复 wmy29bbb@163.com: 我公司现在也主要是让我做uni.偶尔帮改改pc-web项目

    2020-04-10 12:11

  • 1519149300@qq.com

    为啥我的还是不行呐 我在unload里面用得是plus.screen.unlockOrientation();

    2020-06-05 14:20

644201357@qq.com

644201357@qq.com

遇到同样问题

  • HealerLZH (作者)

    你也是其他页面被放大吗,安卓有没有

    2019-09-27 17:55

  • 805774059@qq.com

    回复 HealerLZH: 难受,这个问题解决了吗,我也碰到了类似的情况

    2019-11-04 15:08

wppeng

wppeng

官方解决了吗

  • HealerLZH (作者)

    没找到方法

    2020-02-26 11:59

1402380168@qq.com

1402380168@qq.com - 小小前端开发者

请问解决了吗?今天我也遇到了,只是有的页面是好的,有的页面是被放大的

  • HealerLZH (作者)

    没解决,这个问题很烦。大问题

    2020-02-26 12:00

  • wppeng

    回复 HealerLZH: 别用横屏模式,直接把页面元素旋转90度,也可以达到效果,不会出现问题

    2020-03-10 15:40

  • wppeng

    直接把页面进行旋转,不要使用横屏模式,效果还可以

    2020-03-10 15:40

  • 1046865524@qq.com

    回复 wppeng: 来个手写签名,四个字你用竖屏写?

    2020-04-07 14:29

kaipeng

kaipeng - 哈哈哈

遇到同样的bug

小凯

小凯

延迟一会再锁定横屏吧 我是这么解决的

501919993@qq.com

501919993@qq.com

安卓ok 我用的ipad 这个属性完全不起作用

2212603025@qq.com

2212603025@qq.com

同样遇到这个问题

1519149300@qq.com

1519149300@qq.com

同样遇到这个问题

DCloud_UNI_GSQ

DCloud_UNI_GSQ

目前 r/upx 并不适合动态的横竖屏切换,后续会优化
当前解决方案:使用 px 和百分比

  • 811198737@qq.com

    用的webview跳转页面,页面里面就没有写样式

    2020-07-02 18:58

  • 孤竹

    视频video切换全屏也会导致这个问题

    2020-08-31 08:55

要回复问题请先登录注册