应用程序无法在纵向模式下工作,我可以阻止其旋转吗? iPad的

时间:2013-12-10 10:25:28

标签: ipad screen-orientation landscape-portrait iphone-web-app

我正在为iPad开发一个临时网络应用程序。这真的只是一个止损,直到可以为这个特定的产品设计合适的移动解决方案。

一个问题是这个应用程序在Landscape中看起来很完美,但在Portrait模式下,尺寸不合适。

我确信即使提出这样一个问题,这是一个可怕的可用性犯罪,但有没有任何类型的禁止网络应用程序旋转到肖像模式的约定?

我不是在寻找代码的例子,我只是想知道是否存在这样的事情。

2 个答案:

答案 0 :(得分:1)

不,没有选择。毕竟html都是关于动态显示信息的。只需正确定义您的webapp的元素,它就会很好。

答案 1 :(得分:1)

您可以使用方向更改功能检查方向,然后显示图像或div,说明用户只能在横向模式下打开webapp。

window.addEventListener('orientationchange', function(event) {
   if (window.orientation == 90 || window.orientation == -90)
   {
       /* Hiding the Message div */           
   }
   else
   {
       /* Show a div in Portrait Asking users to switch orientation to Landscape */
   }
  });