注册登录

巷子

发布：2024-09-20 15:23
更新：2024-09-23 02:27
阅读：76

横屏启动样式错乱强制竖屏

分类：uni-app

横竖屏

当我们横屏启动应用时，如果应用需要保持竖屏使用的，应用会先以横屏启动后再恢复竖屏，这时会导致样式错乱，查了很多方法没有解决我的问题。
想过操作webview，但是没实现
最后解决方案
const isLandScape = Math.abs(plus.navigator.getOrientation()) === 90
plus.screen.lockOrientation("portrait-primary")
if(isLandScape) plus.runtime.restart()
其他配置和官方说的一样

0 赞关注分享

4 个评论

要回复文章请先登录或注册

不用这么麻烦非常简单
```css
html{
font-size: calc(100vw / 23.5) !important
}
```

2024-09-23 02:27

套马杆的套子

回复巷子：

嗯，你的办法更合理

2024-09-20 16:28

巷子 (作者)

回复套马杆的套子：

嗯嗯，我这边不想增加中转页面，我也试过把plus.runtime.restart()替换成reLaunch，但是我这里的安卓上某些样式还是乱的，最终换成了plus.runtime.restart()

2024-09-20 16:24

套马杆的套子

我是这样解决的，就是横屏后，再竖屏，就只有第一个界面会样式错乱，你可以在退出横屏时，通过redirectTo进入到一个空白界面，在空白界面的onready中，uni.navigateBack()，这样就解决了。

2024-09-20 15:50