Android 2.2 2.3解决方法,用于设备宽度媒体查询

时间:2011-09-21 17:15:10

标签: javascript android mobile-website media-queries mobile-webkit

我发现Android 2.2和2.3原生浏览器存在问题,其中device-width CSS媒体查询和window.screen.width都会根据您的网页文档和缩放应用报告尺寸。

示例: 1:1缩放,960px宽的页面将显示正确的设备宽度(例如,320px)

示例:适合屏幕缩放,960px宽页面,不正确地报告960px设备宽度

因此,使用适当的视口元标记内容,它似乎是可预测的。但是,在我的情况下,我不能依赖元标记。是否有人使用变通方法在Android中获得可靠的设备宽度测量而不管视口元标记?其他平台会在所有扩展中正确报告此情况。

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

1 个答案:

答案 0 :(得分:0)

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

然后你可以抛出window.devicePixelRatio来计算虚拟像素宽度(320px)。