更改屏幕方向后，iPad浏览器中的window.screen.width值未更改

Question

我正在尝试使用window.screen.width获取用户设备的屏幕宽度。 这种方法在大多数设备上都可以正常工作，但在iPad上却不能。 当iPad处于纵向模式时，屏幕宽度显示为768px，高度显示为1024px（使用window.screen.height ）。到目前为止，一切都很好。 但是宽度和高度在横向模式下也保持不变。 在其他设备中，当方向改变时，“ width * height ”值会切换，而我所有的计算都基于该概念。

Answer 1

替代解决方案使用

window.innerWidth 
window.innerHeight

如果您的网络视图填充了ios ViewController，并且将为您提供正确的值，即使您在应用程序运行时更改方向也可以正常工作。

该screen.availWidth & screen.availHeight仅在更改iPad方向之前首次运行时为您提供正确的值

Answer 2

而不是使用screen.width使用以下之一：

var body = document.body;

    if(body.scrollWidth < 1024){
      //code here
    }

    if(body.scrollWidth < 768){
      //code here
    }

    if(body.scrollWidth == 1024){
      //code here
    }

    if(body.scrollWidth <= 1024){
      //code here
    }