当屏幕方向改变时，window.screen.width值在iPad浏览器中不改变

window.screen.width value not changing in iPad browsers when screen orientation changed

本文关键字：改变 iPad 值在 浏览器 width window 方向 屏幕 screen      更新时间：2023-09-26

我试图使用window.screen.width获得用户设备的屏幕宽度。这种方法适用于大多数设备，但不适用于iPad。当iPad处于纵向模式时，屏幕宽度显示为768px，高度显示为1024px(使用window.screen.height)。直到现在都很好。但宽度和高度在横向模式下也保持不变。在其他设备中，当方向改变时，"width*height"值会改变，我的所有计算都是基于这个概念。

使用

window.innerWidth 
window.innerHeight

将工作完美，如果你的webview填充你的ios ViewController即使你在应用程序运行时改变方向，它也会给你正确的值。

screen.availWidth & screen.availHeight只给你正确的值在第一次运行之前改变iPad的方向

不使用screen。宽度:

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
    }
相关文章：