项目场景：项目场景：uniapp项目 H5端，由于用户手机打开了旋转模式，横屏的话H5会变形，之前设计没做这方面的样式兼容。问题描述：部分用户手机打开了旋转之后，打开H5会有样式混乱问题。原因分析：因为前期产品设计没有考虑到横屏，开发也没做兼容。解决方案：方案1通过媒体查询设置2套样式// portrait 为判断为竖屏
@media only screen and (orientation: p
# 实现iOS H5禁止横屏
## 概述
在iOS开发中，有时候我们希望在H5页面中禁止用户横屏操作，只能竖屏显示。下面我将会向你展示如何实现这一功能。
## 流程图
```mermaid
flowchart TD
A(开始)
B[创建meta标签]
C[添加viewport设置]
D(结束)
A --> B
B --> C
C -->
