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

Question

任何方式改变html文件中的方向更改布局我已经使应用程序在肖像上看起来很完美但是当我切换到横向时它被搞砸了，因为按钮和其他东西正在下降，我不想要那样。我想重新安排景观元素任何想法如何做到这一点？

Answer 1

我可以建议你2种方法。现在没有人会提供完整的代码，这些都是提示。

1）Media Query CSS

使用它你可以为不同的情况编写css，比如它的最大宽度是600px还是更多。通过这个你可以修复一个阈值宽度，例如：portrait max-width：650px。然后你可以写宽度小于650像素的单独的CSS（肖像）＆amp;超过650（风景）。

2）

window.addEventListener('orientationchange', doOnOrientationChange);

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

此活动将检测人像＆amp;变化的景观。然后使用javascript / jquery等动态地应用不同的css元素。