代码之家  ›  专栏  ›  技术社区  ›  agsamek

我可以阻止Mobile Safari在iPod touch或iPhone上自动旋转屏幕吗?

  •  3
  • agsamek  · 技术社区  · 14 年前

    我们有一个离线的Safari应用程序,其用户界面设计为垂直使用(PixelPerfect)。无论用户如何旋转iPod/iPhone,我们都希望用户界面保持垂直。是否可以使用离线Safari应用程序?

    这个问题和 Can I prevent mobile safari from auto-rotating the screen on ipod touch or iphone? . 然而,被引用的问题没有明确的答案,已经被过早地接受了。

    1 回复  |  直到 14 年前
        1
  •  3
  •   cduhn    14 年前

    如果它需要在Safari中运行,而不是在带有嵌入式uiWebView的本地应用程序中运行,我不知道有什么方法可以阻止这种旋转。

    虽然你不能阻止旋转,但你可以这样补偿它:

    1. 使用UpdateOrientation事件检测旋转
    2. 在事件处理程序中,使用window.orientation查找当前方向。(例如0、90、-90、180)
    3. 更新元素的类以反映当前的方向,并使用-webkit-transform:rotate(-90度)等样式将UI反向旋转。
    4. 如有必要,使用window.scroll to(0,1);将地址栏从屏幕上滚动。
    推荐文章