如何将网页方向固定为仅在iPad和iPhone上为纵向？

Question

5

我已经为iPad开发了一个Web应用/网站，但我无法使它保持固定的纵向视图。

由于应用程序的设计方式，我不希望它旋转并在横向模式下工作。

我尝试过各种视口设置的配置，但仍然没有起作用。

我不太擅长JavaScript，因此最好提供复制粘贴选项或CSS / HTML中的某些内容。

先谢谢了。

- Digital Robot Gorilla

2

糟糕，我在没有仔细查看问题的情况下给了上一个评论点赞。这里有一个重复的问题，它有你所寻找的答案。 - Michael Dautermann

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- DaGaMs · Accepted Answer

很遗憾，在Mobile Safari中，没有办法明确地“锁定”Web应用程序的方向，正如您在评论中所看到的链接所示：How do I lock the orientation to portrait mode in a iPhone Web Application?。不过，您可以为不同的屏幕方向设置多个CSS文件。这里有一个方便的JavaScript代码片段，您可以复制粘贴：http://www.catswhocode.com/blog/10-useful-code-snippets-to-develop-iphone-friendly-websites。这至少可以让您在设计时避免使用JS而只使用CSS来处理旋转。