window.screen.width在ladscape模式下给出iPhone / iPad上的屏幕高度

Question

我正在尝试确定访问网页的屏幕的当前宽度，我正在尝试window.screen.width在浏览器，Chrome模拟器和我尝试过的三星手机中正常工作。但是如果我从实际的iPhone或iPad上做同样的事情，当设备处于横向模式时，宽度将显示为高度。以下是网站mydevice.io

的截图

• In portrait mode（一切都很好）
• In landscape mode，事情很奇怪

为什么尺寸错误，有没有办法解决它？

Answer 1

大多数Opera和Android浏览器上的

screen.width都会按照您的预期运行，并会返回纵向和横向的值。

iOS会返回屏幕尺寸，但不关心内容的纵向和横向。

window.outerWidth或window.innerWidth在手机方面更可靠，但在身高（window.outerHeight）方面效果不佳。