如何将网页方向修复为仅适用于 iPad 和 iPhone 的纵向？

Question

我已经为 iPad 开发了一个网络应用程序/网站，但我无法让它只停留在固定的纵向视图中。

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

我尝试了各种视口设置配置，但仍然没有奏效。

我不太擅长 JavaScript，所以最好使用复制粘贴选项或 CSS/HTML 中的东西。

提前致谢。

Answer 1

不幸的是，无法在 Mobile Safari 中显式“锁定”网络应用程序的方向，您也可以从 Alex 在上面的评论中发布的链接中看到：

How do I lock the orientation to portrait mode in a iPhone Web Application?

但是，您可以为不同的屏幕方向创建多个 CSS 文件。有一个方便的 JavaScript sn-p，您可以在此处复制粘贴：

http://www.catswhocode.com/blog/10-useful-code-snippets-to-develop-iphone-friendly-websites

这至少应该允许您围绕旋转进行设计，而无需使用 JS，而只需使用 CSS。