如何将网页方向修复为仅适用于iPad和iPhone的肖像?

问题描述:

我已经开发了针对iPad的web应用程序/网站,但我不能让它停留在只有一个固定的纵向视图。如何将网页方向修复为仅适用于iPad和iPhone的肖像?

我不希望它在横向模式,因为该应用程序已被设计的方式旋转和工作。

我试过的视口设置的各种配置,但仍然没有奏效。

我不是很擅长的JavaScript,以便复制粘贴选项将是最好或东西在CSS/HTML。

在此先感谢。

+2

杜佩,请看这里 - [如何锁定的方位在iPhone的Web应用肖像模式?(http://*.com/questions/1207008/how-do-i-lock-the-orientation-对于肖像模式在iphone应用程序) – Alex

+0

大声疾呼,我upvoted最后的评论没有仔细看问题。这里是(http://*.com/questions/1207008/how-do-i-lock-the-orientation-to-portrait-mode-in-a-iphone-一个[有你寻找答案的重复问题] Web应用程序)。 –

遗憾的是,没有办法明确将“锁定”在移动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。

+0

感谢您的链接。 –