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

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

我在 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

最佳答案

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

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

关于javascript - 设备宽度媒体查询的 Android 2.2 2.3 解决方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7503851/

相关文章:

javascript - jquery脏记录,想要jquery ui模式

android - fragment 中的 WebView 未加载页面

android - 如果 gps 关闭, ionic 显示错误

mobile-website - 让网站检测您的移动浏览器

html - 图片在桌面和移动平台上显示不一样

javascript - 如何按列比较多维数组

javascript - 如何在 ember-from-for 中删除包装 div 或将其类型从 div 更改为 span?

javascript - 如何在两个表之间使用sequelize创建嵌套请求

android - 禁用按下任何标签的背景颜色

javascript - 是否有用于上下文感知弹出窗口的 JavaScript 框架?