我们有一个离线 Safari 应用程序，其 UI 专为垂直使用而设计（像素完美）。我们希望无论用户如何旋转 iPod/iPhone，UI 都保持垂直。 Safari 离线应用程序可以吗？
这个问题与我可以阻止 mobile safari 在 iPod touch 或 iPhone 上自动旋转屏幕吗？ https://stackoverflow.com/questions/938462/can-i-prevent-mobile-safari-from-auto-rotating-the-screen-on-ipod-touch-or-iphone。然而 - 所提到的问题没有明确的答案并且已被过早地接受。
如果需要在 Safari 而不是带有嵌入式 UIWebView 的本机应用程序中运行，我不知道有什么方法可以阻止旋转。
虽然你无法阻止旋转，但你可以像这样补偿它：
- 使用 updateorientation 事件检测旋转
- 在事件处理程序中，使用 window.orientation 查找当前方向。 （例如 0、90、-90、180）
- 更新元素的类以反映当前方向，并使用 -webkit-transform:rotate(-90deg) 等样式向相反方向旋转 UI。
- 如有必要，请使用 window.scrollTo(0, 1);将地址栏滚动出屏幕。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
