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

Question

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

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

}

有任何想法吗？

Answer 1

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

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

据我所知，Nexus 没有 Retina，所以你应该删除：

-webkit-device-pixel-ratio: 2 

来自您的媒体查询