iPhone保持横屏不旋转

为什么iPhone会自动旋转？

iPhone 默认启用了“屏幕自动旋转”功能，通过内置的陀螺仪和加速度计感知设备方向，并自动调整屏幕方向。 但在某些场景（如游戏、视频会议、网页应用）中，用户希望固定为横屏，避免意外旋转影响体验。

方法一：使用系统“屏幕方向锁定”

这是最简单的方法，适用于所有App：

• 从屏幕右上角向下滑动，打开控制中心。
• 点击锁形图标（带圆圈的锁），若图标变亮，表示已启用“竖屏锁定”。
• ⚠️ 注意：此功能仅能锁定竖屏，无法直接锁定横屏！

方法二：在网页中强制横屏（开发者方案）

如果你是网页开发者，可通过以下方式引导用户保持横屏：

• 检测当前设备方向，若为竖屏则提示用户旋转设备。
• 使用 CSS 和 JavaScript 实现横屏提示遮罩。

示例代码：

<style>
body { margin: 0; overflow: hidden; }
#landscape-hint {
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  background: #000;
  color: white;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
</style>

<div id="landscape-hint">
  <p>请将设备旋转为横屏模式</p>
  <img src="rotate-icon.png" alt="旋转提示" style="width:60px;margin-top:10px;">
</div>

<script>
function checkOrientation() {
  const hint = document.getElementById('landscape-hint');
  if (window.innerWidth < window.innerHeight) {
    hint.style.display = 'flex';
  } else {
    hint.style.display = 'none';
  }
}
window.addEventListener('resize', checkOrientation);
checkOrientation(); // 初始检查
</script>

方法三：使用第三方App或配置描述文件（高级）

部分企业级或开发者工具可通过配置文件限制设备方向，但普通用户难以操作，且受iOS安全策略限制。

建议优先使用网页提示或选择支持横屏锁定的App（如某些视频播放器）。

常见问题

• Q：为什么我的iPhone横屏后又转回竖屏？
  A：可能App本身不支持横屏，或系统“竖屏锁定”已开启。
• Q：Safari 能否强制横屏？
  A：不能强制，但可通过上述JS/CSS提示用户手动旋转。
• Q：有没有办法全局锁定横屏？
  A：目前iOS无此功能，需依赖具体App实现。