Javascript window.screen.width提供ladscape模式下iPhone/iPad的屏幕高度

Javascript window.screen.width提供ladscape模式下iPhone/iPad的屏幕高度,javascript,iphone,responsive-design,screen,Javascript,Iphone,Responsive Design,Screen,我正在尝试确定访问页面时屏幕的当前宽度,并且正在尝试window.screen.width,这在浏览器、chrome emulator和我尝试过的三星手机中都可以正常工作。但如果我在实际的iPhone或iPad上也这么做,当设备处于横向模式时,宽度将显示为高度。下面是一个屏幕转储,显示它在站点上的外观 (一切都好的地方) ,那里的事情很奇怪 为什么尺寸错误?有什么办法可以解决吗?屏幕。在大多数Opera和Android浏览器上,宽度的行为与您预期的一样,并将返回纵向和横向的值 iOS返回屏幕

我正在尝试确定访问页面时屏幕的当前宽度,并且正在尝试
window.screen.width
,这在浏览器、chrome emulator和我尝试过的三星手机中都可以正常工作。但如果我在实际的iPhone或iPad上也这么做,当设备处于横向模式时,宽度将显示为高度。下面是一个屏幕转储,显示它在站点上的外观

  • (一切都好的地方)
  • ,那里的事情很奇怪

为什么尺寸错误?有什么办法可以解决吗?

屏幕。在大多数Opera和Android浏览器上,宽度的行为与您预期的一样,并将返回纵向和横向的值

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

window.outerWidth
window.innerWidth
在使用手机时更可靠,但与高度(
window.outerHeight
)的配合效果不佳