已经在App.vue中通过 plus.screen.lockOrientation('portrait-primary'); 设置了竖屏显示，但是在hbx调试的时候，如果手机是横着放的，且开启了设置里面的自动旋转的情况下，还是会经常出现无法锁定竖屏的情况，导致APP界面显示错乱，表现为：APP的字体变得非常大，但是显示样式还是按照竖屏显示的，所以屏幕上只能看到正常情况下一半的界面。就像是本来固定了屏幕宽度是700rpx的，但是突然页面宽度变成了1400rpx了，所以导致无法显示完整
天空之城1475
- 发布：2021-02-16 17:37
- 更新：2021-02-16 20:20
- 阅读：870
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10-ltsc
HBuilderX类型： 正式
HBuilderX版本号： 3.1.2
手机系统： Android
手机系统版本号： Android 10
手机厂商： 华为
手机机型： p30
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
已经在App.vue中通过 plus.screen.lockOrientation('portrait-primary'); 设置了竖屏显示，但是在hbx调试的时候，如果手机是横着放的，且开启了设置里面的自动旋转的情况下，还是会经常出现无法锁定竖屏的情况，导致APP界面显示错乱，表现为：APP的字体变得非常大，但是显示样式还是按照竖屏显示的，所以屏幕上只能看到正常情况下一半的界面。就像是本来固定了屏幕宽度是700rpx的，但是突然页面宽度变成了1400rpx了，所以导致无法显示完整
已经在App.vue中通过 plus.screen.lockOrientation('portrait-primary'); 设置了竖屏显示，但是在hbx调试的时候，如果手机是横着放的，且开启了设置里面的自动旋转的情况下，还是会经常出现无法锁定竖屏的情况，导致APP界面显示错乱，表现为：APP的字体变得非常大，但是显示样式还是按照竖屏显示的，所以屏幕上只能看到正常情况下一半的界面。就像是本来固定了屏幕宽度是700rpx的，但是突然页面宽度变成了1400rpx了，所以导致无法显示完整
实际结果：
已经在App.vue中通过 plus.screen.lockOrientation('portrait-primary'); 设置了竖屏显示，但是在hbx调试的时候，如果手机是横着放的，且开启了设置里面的自动旋转的情况下，还是会经常出现无法锁定竖屏的情况，导致APP界面显示错乱，表现为：APP的字体变得非常大，但是显示样式还是按照竖屏显示的，所以屏幕上只能看到正常情况下一半的界面。就像是本来固定了屏幕宽度是700rpx的，但是突然页面宽度变成了1400rpx了，所以导致无法显示完整
已经在App.vue中通过 plus.screen.lockOrientation('portrait-primary'); 设置了竖屏显示，但是在hbx调试的时候，如果手机是横着放的，且开启了设置里面的自动旋转的情况下，还是会经常出现无法锁定竖屏的情况，导致APP界面显示错乱，表现为：APP的字体变得非常大，但是显示样式还是按照竖屏显示的，所以屏幕上只能看到正常情况下一半的界面。就像是本来固定了屏幕宽度是700rpx的，但是突然页面宽度变成了1400rpx了，所以导致无法显示完整
bug描述：
已经在App.vue中通过 plus.screen.lockOrientation('portrait-primary'); 设置了竖屏显示，但是在hbx调试的时候，如果手机是横着放的，且开启了设置里面的自动旋转的情况下，还是会经常出现无法锁定竖屏的情况，导致APP界面显示错乱，表现为：APP的字体变得非常大，但是显示样式还是按照竖屏显示的，所以屏幕上只能看到正常情况下一半的界面。就像是本来固定了屏幕宽度是700rpx的，但是突然页面宽度变成了1400rpx了，所以导致无法显示完整
1 个回复
DCloud_heavensoft
manifest里设置竖屏。app.vue生效太慢