javascript - 设备宽度媒体查询的 Android 2.2 2.3 解决方法

Question

我在 Android 2.2 和 2.3 native 浏览器上观察到一个问题，其中 device-width CSS 媒体查询和 window.screen.width 都根据您的网页报告大小文档和缩放应用。

示例:1:1 缩放比例，960 像素宽的页面将显示适当的设备宽度(例如 320 像素)

示例: 适合屏幕缩放，960 像素宽的页面，不正确地报告 960 像素的设备宽度

因此，通过适当的视口(viewport)元标记内容，它似乎是可以预见的。但是，就我而言，我不能依赖元标记。无论视口(viewport)元标记如何，是否有人使用变通方法在 Android 中获得可靠的设备宽度测量值？其他平台确实在所有扩展中都正确报告了这一点。

引用: http://code.google.com/p/android/issues/detail?id=11961

Answer 1

window.outerWidth 和 window.outerHeight 始终报告浏览器像素(即屏幕分辨率减去 UI 条，在 Galaxy S 上通常为 480x762。)

然后您可以输入 window.devicePixelRatio 来计算虚拟像素宽度 (320px)。