如何在方向更改时重新调整/排列布局(Apache Cordova)

Question

任何在方向更改时更改html文件中布局的方法我已经让一个应用程序在纵向上看起来很完美，但当我切换到横向时，它就乱了，因为按钮和其他东西都坏了，我不想这样。我想重新安排景观元素，知道怎么做吗？

Answer 1

我可以向您推荐两种方法。现在没有人会提供完整的代码，这些都是提示。

1） 媒体查询CSS

使用它，您将能够为不同的情况编写css，比如如果它的最大宽度为600px或更大。通过此操作，您可以固定阈值宽度，例如：纵向最大宽度：650px。然后你可以为宽度小于650px（纵向）&超过650（景观）。

2）

window.addEventListener('orientationchange', doOnOrientationChange);
function doOnOrientationChange()
{
switch(window.orientation) 
{  
  case -90:
  case 90:
    alert('landscape');
    break; 
  default:
    alert('portrait');
    break; 
}
}

此事件将检测人像&景观变化。然后使用javascript/jquery等动态地将不同的css应用于元素。