媒体查询在android模拟器上不起作用

【问题标题】：media query not working on android emulator媒体查询在android模拟器上不起作用
【发布时间】：2014-01-06 22:11:04
【问题描述】：

我正在开发一个 phonegap 应用程序并尝试在 android 模拟器上对其进行测试。我正在测试的模拟器是 Nexus 4。这是我正在使用的媒体查询：

@media screen and (device-width: 384px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 2) { //我的CSS样式 //这里没有任何作用

}

有什么想法吗？

【问题讨论】：

【解决方案1】：

结帐，您的模板中是否有此代码：

<meta name="viewport" content="width=device-width, initial-scale=1">

据我所知，Nexus 没有 Retina，因此您应该移除：

-webkit-device-pixel-ratio: 2

来自您的媒体查询

【讨论】：