我可以阻止移动 Safari 自动旋转 ipod touch 或 iphone 上的屏幕吗？

Question

我们有一个离线 Safari 应用程序，其 UI 设计用于垂直使用（像素完美）。无论用户如何旋转 ipod / iphone，我们都希望 UI 保持垂直。是否可以使用离线 Safari 应用程序？

这个问题与Can I prevent mobile safari from auto-rotating the screen on ipod touch or iphone? 完全相同。然而 - 引用的问题没有明确的答案，已被过早地接受。

Answer 1

如果需要在 Safari 中运行而不是在具有嵌入式 UIWebView 的本机应用程序中运行，我不知道有什么方法可以阻止旋转。

虽然您无法阻止旋转，但您可以像这样进行补偿：

1. 使用 updateorientation 事件检测旋转
2. 在您的事件处理程序中，使用 window.orientation 查找当前方向。 （例如 0、90、-90、180）
3. 更新元素的类以反映当前方向，并使用 -webkit-transform:rotate(-90deg) 等样式以相反方向旋转 UI。
4. 如有必要，使用 window.scrollTo(0, 1);将地址栏滚动到屏幕之外。