用uniapp写app，想要打包后横屏显示的方法

Z_B_L2024-08-16 18:34

在网络上找了很多方法，打包之后都没什么用，该竖屏还是竖屏，挺无语的，最后试了一种方法才解决了打包后也横屏显示的方法

在 pages.json 文件中：

javascript 复制代码

"pageOrientation": "auto"

这一条属性即可

设置了以后最好让页面随设备大小自适应，减少bug的产生

比如这样实现：

js：

javascript 复制代码

onLoad() {
	uni.getSystemInfo({
		success: (res) => {
			const windowWidth = res.windowWidth; // 窗口宽度
			const windowHeight = res.windowHeight; // 窗口高度
			this.bodysHeight = windowHeight;
		}
	});
},
onResize(res) {
	uni.getSystemInfo({
		success: (res) => {
			const windowWidth = res.windowWidth; // 窗口宽度
			const windowHeight = res.windowHeight; // 窗口高度
			this.bodysHeight = windowHeight;
		}
	});
},

view：

javascript 复制代码

<view class="content" :style="{ height: swiperHeight + 'px' }">

</view>

宽度在初始设置成100%即可，切记，不要用vh ☂꒰´•௰•`๑꒱...