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
才会为您提供正确的值