uni-app ios 横屏切换横屏只显示一半

itying888 1楼

已确认

更多关于uni-app ios 横屏切换横屏只显示一半的实战教程也可以访问 https://www.itying.com/category-93-b0.html

songsunli 2楼

你好！这个一般多久能解决，或者有没临时解决方案？

phonegap100 3楼

时间暂时不确定，临时可以改一下width:100%的写法，使用屏幕宽度。

ionicwang 4楼

回复 2104_DLS: 用了固定宽度，页面尺寸增大了。但是屏幕显示跟之前一样，显示了半截。

sinazl 5楼

您好请问什么时候更新，

phonegap100 6楼

回复 2***@qq.com: 请问这个问题解决了吗？

sinazl 7楼

回复 1***@189.cn: 我项目用h5+重写了

sinazl 8楼

大哥，能帮忙解决这个bug吗？

caililin 9楼

这个问题处理了吗？我也遇到了

phonegap100 10楼

这个问题官方有解决方案了吗？横竖屏的问题一直卡着，用nvue的，不能用%

h691938207 11楼

官方现在解决了吗。。。都裂开了，现在要做两套代码，区分安卓和ios。。。

itying888 12楼

大佬解决了吗？？？

sinazl 13楼

请问解决了吗！！！

songsunli 14楼

前题：页面写有强制横竖屏转换的代码[ “portrait-primary”, “landscape-primary” ]

竖屏切换横屏，就算写了强制横屏，在IOS中会出现半屏。经测试使用 uni.redirectTo 跳转则显示正常
横屏切换横屏，两种办法：第一，在一个页面上实现之前两个横屏的功能，再由参数来控制其显示/隐藏第二，需要一个中转页，先转成竖屏让其渲染样式，再转为横屏（实际效果不好）。
横屏切换竖屏，直接跳转会出现样式异常，这个需要一个中转页，先转成竖屏后再切入你的目标页面

希望对你能有帮助，如有问题可多多交流。

songsunli 15楼

BUG修复了没。。。

wuwangju 16楼

设置延迟可以解决 setTimeout(() => { plus.screen.lockOrientation(“landscape-primary”); }, 300);

sinazl 17楼

2024年了大佬 ios不管用啊

eggper 18楼

大哥，能帮忙解决这个bug吗？

phonegap100 19楼

一年还没修复？？

songsunli 20楼

回复不老刘: 我测试最新的预览版，这个问题解决了。

yibo5220 21楼

2024年了。横屏还是显示半屏

htzhanglong 22楼

能不能解决？这个问题现在很困扰人呀。

caililin 23楼

ios18还是有这个问题，但是加一点延迟就正常了

sinazl 24楼

在iOS设备上，uni-app横屏切换后只显示一半屏幕，通常是由于页面尺寸或CSS适配问题导致。可以尝试以下方法解决：

检查页面样式：确保页面根元素或主要容器设置了width: 100%和height: 100%，避免使用固定尺寸导致布局异常。
配置横屏支持：在pages.json中对应页面的style里添加"pageOrientation": "auto"，允许页面自动适应横竖屏切换。

使用CSS媒体查询：针对横屏模式添加适配样式，例如：

[@media](/user/media) screen and (orientation: landscape) {
  .container {
    width: 100vh;
    height: 100vw;
  }
}