我们有一个离线 Safari 应用程序,其 UI 专为垂直使用而设计(像素完美)。我们希望无论用户如何旋转 iPod/iPhone,UI 都保持垂直。是否可以使用离线 Safari 应用程序?
这个问题和Can I prevent mobile safari from auto-rotating the screen on ipod touch or iphone?一模一样。然而 - 所引用的问题没有明确的答案,并且已被过早地接受。
最佳答案
如果需要在 Safari 而不是带有嵌入式 UIWebView 的 native 应用程序中运行,我不知道有什么方法可以阻止旋转。
虽然你无法阻止旋转,但你可以像这样补偿它:
- 使用 updateorientation 事件检测旋转
- 在事件处理程序中,使用 window.orientation 查找当前方向。 (例如 0、90、-90、180)
- 更新元素的类以反射(reflect)当前方向,并使用 -webkit-transform:rotate(-90deg) 等样式向相反方向旋转 UI。
- 如有必要,请使用 window.scrollTo(0, 1);将地址栏滚动到屏幕之外。
关于iphone - 我可以阻止 mobile safari 在 iPod touch 或 iPhone 上自动旋转屏幕吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2601282/