如何才能将仅适用于iPad和iPhone的网页方向修改为Portrait？

Question

我已经为iPad开发了一个网络应用程序/网站,但我无法让它保持固定的纵向视图.

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

我已经尝试了视口设置的各种配置,但仍然无法正常工作.

我不是很擅长JavaScript,所以复制粘贴选项最好用CSS/HTML.

提前致谢.

Answer 1

不幸的是,没有办法在Mobile Safari中明确"锁定"Web应用程序的方向,您也可以从Alex在评论中发布的链接中看到:

如何在iPhone Web应用程序中将方向锁定为纵向模式？

但是,您可以为不同的屏幕方向提供多个CSS文件.有一个方便的JavaScript代码段,你可以在这里复制粘贴:

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

这应该至少允许你围绕旋转设计而不必使用JS而只需要CSS.