javascript - window.screen.width/height 不应该对应于实际的屏幕宽度/高度吗？

Question

在新的 Kindle 3G 中使用 WebKit 浏览器，我注意到 window.screen.width 和 window.screen.height 不反射(reflect)实际屏幕方面。物理屏幕(或更确切地说，纸张)尺寸为 800 x 600。我得到:

• 800 x 506 横向模式
• 600 x 706 纵向模式

但有趣的是，在我的桌面上运行的 Chrome 和 Safari(也是 WebKit)都报告了实际的屏幕分辨率。

根据 MDC ，这些属性不是任何规范的一部分，因此可能没有严格定义应报告的宽度/高度。但是，难道不应期望它们反射(reflect)实际的屏幕尺寸吗？

Answer 1

更新:

我们在带有 window.screen.width 的模拟器中看到的问题是当我们使用不反射(reflect)设备实际像素的屏幕时。所以你在屏幕上看到的是 320，而设备拥有的是 480 或其他。不过，我不明白为什么屏幕宽度的值会给出屏幕上的模拟器大小而不是实际像素。

这可能是设备的同一个问题？如果它们在某些尺寸下的密度更高……无论出于何种原因，这都可能转化为错误的屏幕宽度尺寸？

无论如何，请阅读下面的解决方案。

---

screen.availWidth 不适用于模拟器上的某些屏幕尺寸。

现在唯一对我有用的是:

window.innerWidth
window.innerHeight

这将返回视口(viewport)的值。在我的例子中，我正在运行一个 HTML5 应用程序。显然，此值不会在缩放时更新。

他们在 Android 的 Webkit 上对这个尺寸有一些问题。您可以从 Android talking about it here 查看开发人员.可能已在 Honeycomb 中修复。

有人声称它需要一些尺寸，就好像软键盘会出现一样。