我在 iPhone 设备（iPhone 7、iOS 10，还有其他 iPhone）上遇到这个问题：在 javascript 中，如果我拦截orientationchange 事件，则在处理程序内， screen.width 和 screen.height 保持不变（如旋转前）。
由于这可能取决于视口设置，因此这就是我的视口在 .html 文件中声明的方式：
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=no" />
Chrome 的模拟可视化一切正常。
在此先感谢您的帮助。
据我所知，屏幕旋转后设备中的宽度/高度不会改变。要检查设备是否旋转，您可以读取这些属性
-
窗口方向：该值从 0 更改为 +90/-90
-
窗口.innerHeight/innerWidth：这些值被交换
-
document.documentElement.clientHeight/clientWidth：这些值被交换
不幸的是，这种行为在所有 Android/iOS/Windows 设备上并不一致。我认为这已经解释得很清楚了这个数字 https://stackoverflow.com/a/6603537/4627980 .
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
