screen.width 和 screen.height 的可靠性如何？答案

【问题标题】：How reliable is screen.width and screen.height?screen.width 和 screen.height 的可靠性如何？
【发布时间】：2012-01-09 21:09:06
【问题描述】：

我想制作一个具有“响应式设计”的 Web 应用程序，以将 JavaScript 屏幕分辨率回传到服务器并根据该信息做出决定，但问题是我能否依靠 window.screen 始终提供正确的笔记本电脑、平板电脑、智能手机信息？

当然要考虑到它只支持现代浏览器和设备。

【问题讨论】：

这是一个浏览器问题——大多数移动浏览器总是报告您所期望的，但不是全部。例如，Mobile Firefox 将在下一个版本中解决这个问题...
不同浏览器不支持所有 window.screen 属性。宽度和高度是可靠的。见W3C DOM Compatibility - CSS Object Model View

【解决方案1】：

是的，screen.width 和 screen.height 是可靠的，但是您可能会对用于布局页面的窗口大小更感兴趣。例如，CSS3 中的@media 查询使用窗口大小，而不是屏幕大小。

【讨论】：

媒体查询 min 或 max-device-width 和 height 参考屏幕。
谢谢 - 不知道那些 XD
根据code.google.com/p/android/issues/detail?id=12455 似乎不可靠；我可以补充一点，如果你旋转你的设备方向，screen.width 和 height 不会立即更新，但是......就像半秒后一样。我不称其为“可靠”。