Javascript 屏幕方向改变时,iPad浏览器中的window.screen.width值不改变

Javascript 屏幕方向改变时,iPad浏览器中的window.screen.width值不改变,javascript,html,ipad,Javascript,Html,Ipad,我正在尝试使用window.screen.width获取用户设备的屏幕宽度。这种方法在大多数设备上都能正常工作,但在iPad上却不行。当iPad处于纵向模式时,屏幕宽度显示为768px,高度显示为1024px(使用window.screen.height),目前一切正常。但在横向模式下,宽度和高度也保持不变。在其他设备中,“width*height”值在方向改变时切换,我的所有计算都基于该概念。不要使用screen.width,请使用以下值: var body = document.body;

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

不要使用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
    }
var body=document.body;
if(body.scrollWidth<1024){
//代码在这里
}
如果(主体宽度<768){
//代码在这里
}
如果(body.scrollWidth==1024){
//代码在这里
}

如果(body.scrollWidth而不是使用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
    }
var body=document.body;
if(body.scrollWidth<1024){
//代码在这里
}
如果(主体宽度<768){
//代码在这里
}
如果(body.scrollWidth==1024){
//代码在这里
}

如果(body.scrollWidth使用

window.innerWidth 
window.innerHeight
如果您的webview满足ios ViewController的要求,那么它将工作得非常完美 即使在应用程序运行时更改方向,也会为您提供正确的值


screen.availWidth&screen.availHeight
仅在第一次运行时提供正确的值,然后使用

window.innerWidth 
window.innerHeight
如果您的webview满足ios ViewController的要求,那么它将工作得非常完美 即使在应用程序运行时更改方向,也会为您提供正确的值

只有在更改iPad方向之前的第一次运行时,screen.availWidth&screen.availHeight
才会为您提供正确的值