javascript - window.screen.width 给出 iPhone/iPad 横向模式下屏幕的高度

标签 javascript iphone responsive-design screen

我正在尝试确定访问页面的屏幕的当前宽度,并尝试使用 window.screen.width ,它在浏览器、Chrome 模拟器和三星手机中运行良好,我'我试过了。但如果我在实际的 iPhone 或 iPad 上执行相同的操作,当设备处于横向模式时,宽度将显示为高度。这是网站上的屏幕转储 mydevice.io

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

最佳答案

screen.width在大多数 Opera 和 Android 浏览器上,行为如您所料,并将返回纵向和横向的值。

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

window.outerWidthwindow.innerWidth对于手机而言更可靠,但对于高度 ( window.outerHeight ) 则效果不佳。

关于javascript - window.screen.width 给出 iPhone/iPad 横向模式下屏幕的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34290030/

相关文章:

javascript - 如何从对象数组中获取唯一的类别数据

iphone - 如何在点击后突出显示电子邮件地址

ios - 如何从html5项目生成.ipa文件

html - 具有不同高度列的 Bootstrap 行

jQuery 触摸可拖动响应滚动条/幻灯片/轮播?

javascript - Webpack:即使源文件为空,编译后的文件中也有一些 JavaScript 代码

javascript - jQuery if语句导致浏览器崩溃

javascript - 禁用电话 anchor

iphone - 将参数传递给 block ?

html - 古怪的导航定位问题让我很困惑。