如何将网页方向修复为仅适用于iPad和iPhone的肖像?
问题描述:
我已经开发了针对iPad的web应用程序/网站,但我不能让它停留在只有一个固定的纵向视图。如何将网页方向修复为仅适用于iPad和iPhone的肖像?
我不希望它在横向模式,因为该应用程序已被设计的方式旋转和工作。
我试过的视口设置的各种配置,但仍然没有奏效。
我不是很擅长的JavaScript,以便复制粘贴选项将是最好或东西在CSS/HTML。
在此先感谢。
答
遗憾的是,没有办法明确将“锁定”在移动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
感谢您的链接。 –
杜佩,请看这里 - [如何锁定的方位在iPhone的Web应用肖像模式?(http://*.com/questions/1207008/how-do-i-lock-the-orientation-对于肖像模式在iphone应用程序) – Alex
大声疾呼,我upvoted最后的评论没有仔细看问题。这里是(http://*.com/questions/1207008/how-do-i-lock-the-orientation-to-portrait-mode-in-a-iphone-一个[有你寻找答案的重复问题] Web应用程序)。 –