uniapp H5如何切换横屏

在uni-app中，如果要在H5页面中切换横屏，可以按照以下步骤进行：

1. 在main.js文件中，可以使用uni.getSystemInfoSync()方法获取设备信息，判断当前设备是否支持横屏模式。例如：

const systemInfo = uni.getSystemInfoSync();
const isSupportLandscape = systemInfo.screenWidth > systemInfo.screenHeight;

2. 如果当前设备支持横屏模式，则可以使用以下代码切换到横屏模式：

if (isSupportLandscape) {
  uni.setScreenOrientation({
    orientation: 'landscape'
  });
}

3. 切换完成后，可以使用CSS样式或JavaScript代码进行布局和样式的调整，以适应横屏模式显示。

需要注意的是，在H5页面中切换横屏模式可能会受到浏览器的限制，不同浏览器的支持情况也不同，因此建议在实际项目中进行测试和验证。同时，不建议在所有页面都使用横屏模式，应根据实际需要进行选择。