uniapp横竖屏切换横屏根据手机重力感应方向自动转换

通过配置锁定方向
pages.json文件中配置

1
2
3
"globalStyle": {
"pageOrientation": "landscape"
}

通过js动态切换

1
2
3
4
5
6
7
8
9
10
11
12
13
14
// #ifdef APP-PLUS
// 竖屏方向 根据手机中立感应 自动 切换 竖屏 正反方向
plus.screen.lockOrientation('portrait');
// 锁死 竖屏正方向
plus.screen.lockOrientation('portrait-primary');
// 锁死 竖屏反方向
plus.screen.lockOrientation('portrait-secondary');
// 横屏方向 根据手机中立感应 自动 切换 横屏 正反方向
plus.screen.lockOrientation('landscape');
// 锁死 横屏正方向
plus.screen.lockOrientation('landscape-primary');
// 锁死 横屏反方向
plus.screen.lockOrientation('landscape-secondary);
// #endif

推荐

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

参考文档:https://www.html5plus.org/doc/zh_cn/device.html#plus.screen.lockOrientation