如何在方向更改时重新调整大小/重新排列布局（Apache Cordova）

Question

有什么方法可以在 html 文件中更改方向更改时的布局我已经制作了一个应用程序，在纵向上看起来很完美，但是当我切换到横向时，它就乱七八糟了，因为按钮和其他东西都坏了，我不想要那个。我想重新安排景观中的元素，知道该怎么做吗？

Answer 1

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

使用它，您将能够为不同的情况编写 css，例如最大宽度为 600px 或更多。通过这个你可以固定一个阈值宽度，例如：portrait max-width:650px。然后你可以为宽度小于 650px（纵向）和大于 650（横向）写单独的 css。

2)

window.addEventListener('orientationchange', doOnOrientationChange);

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

此事件将检测纵向和横向变化。然后使用 javascript / jquery 等 css 动态地对元素应用不同的 css

如何在方向更改时重新调整大小/重新排列布局（Apache Cordova）

How to re-size / re-arrange layout on Orientation change (Apache Cordova)

html

javascript

android-layout

cordova