媒体查询不能在Android模拟器上工作

Question

我正在开发一个phonegap应用程序并试图在Android模拟器上测试它。 我正在测试的模拟器是Nexus 4。 这是我正在使用的媒体查询：

@media screen和（device-width：384px）和（device-height：592px）和（-webkit-device-pixel-ratio：2）{   //我的CSS样式   //没有任何作用

}

有什么想法吗？

Answer 1

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

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

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

-webkit-device-pixel-ratio: 2 

来自您的媒体查询