停止在移动设备上旋转答案

【问题标题】：Stop rotate on mobile device停止在移动设备上旋转
【发布时间】：2013-02-20 01:45:55
【问题描述】：

这个问题已经在stackoverflow上被问过很多次了，但是每次都没有正确答案或者不是正确答案。

我重新提出这个问题，因为它对移动网络设备程序员很重要。

我希望能够在以下操作系统之一的浏览器上的 WEB SITE 上停止旋转：IOS 和/或 Android 设备，或者至少将旋转修改为至少最后一个横向.所以只允许横向旋转。

我试过很多相关的问题都没有解决：

欢迎任何想法，谢谢。

附言

【问题讨论】：

那么您的问题是如何定义 iOS 应用中的有效方向？
这个怎么样：stackoverflow.com/questions/1207008/…
请允许您网站的访问者以他们想要的任何方向使用他们的设备。

标签： android ios web-applications jquery-mobile mobile

【解决方案1】：

@CommonsWare 是对的，您不应该仅仅阻止用户随意旋转他们的设备。事实上，这就是移动网络应用程序如此多才多艺的原因。它们包含响应式设计的原则。

我知道这不是您真正想要的答案，但如果您坚持这样做，请看这里：Block mobile web rotation with javascript。我不确定，但我猜这仍然行不通，因为网络应用程序不是您正在查看的任何设备的本地应用程序，而您实际使用的应用程序是浏览器，例如 Chrome、Safari、等，几乎可以肯定，无论您的网络应用在做什么，它们都会启用不同的方向。

【讨论】：

您提供的链接，我在问题中提到的那个我已经尝试过但对我不起作用。
抱歉没有意识到这一点。好吧，我只能说这更有可能不是，不可能。
在某些用例中，您希望网页保持特定方向。例如，如果一个 html5 网页游戏被设计为使用方向来改变方向。您希望图形/页面本身保持在同一方向，没有旋转动画，因为这会是您可能不想要的游戏中的不和谐跳跃。