Android2.2 2.3用于设备宽度媒体查询的解决方案

Question

我在Android2.2和2.3原生浏览器上观察到了一个问题，在这两个浏览器中，device-width、CSS、媒体查询和window.screen.width都根据您的网页文档报告大小，并应用了缩放。

示例: 1:1缩放，960px宽页将显示适当的设备宽度(例如，320 page )。

示例:适配屏幕缩放，960px宽页，不正确地报告960px设备宽度。

因此，对于适当的viewport元标记内容，它似乎是可预测的。但是，在我的例子中，我不能依赖元标记。有没有人使用变通方法在Android中获得可靠的设备宽度测量，而不管viewport meta标记是什么？其他平台确实在所有缩放中正确地报告了这一点。

参考文献：http://code.google.com/p/android/issues/detail?id=11961

Answer 1

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

然后，您可以添加window.devicePixelRatio来计算虚拟像素宽度(320 to )。