我可以阻止移动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）;将地址栏滚出屏幕。