我正在尝试确定访问页面的屏幕的当前宽度,并尝试使用 window.screen.width
,它在浏览器、Chrome 模拟器和三星手机中运行良好,我'我试过了。但如果我在实际的 iPhone 或 iPad 上执行相同的操作,当设备处于横向模式时,宽度将显示为高度。这是网站上的屏幕转储 mydevice.io
- In portrait mode (一切都很好)
- In landscape mode ,事情很奇怪
为什么尺寸错误?有什么办法可以解决吗?
最佳答案
screen.width
在大多数 Opera 和 Android 浏览器上,行为如您所料,并将返回纵向和横向的值。
iOS 返回屏幕尺寸,但不关心内容的纵向和横向。
window.outerWidth
或window.innerWidth
对于手机而言更可靠,但对于高度 ( window.outerHeight
) 则效果不佳。
关于javascript - window.screen.width 给出 iPhone/iPad 横向模式下屏幕的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34290030/