为什么这些媒体查询不能在Android页面上运行？

Question

我正在使用我支付的移动模拟器，我可以在许多不同的手机上查看我的移动网站，所有Android手机的主题是由于某种原因，我的媒体查询无法正常工作。他们正在使用iPhone，但不确定adnroid会发生什么。这就是我用于Android媒体查询的内容：

@media only screen and (max-device-width: 400px) {
- styles here -
}

@media only screen and (max-device-width: 600px)and (min-device-width:401px) {
- styles here -
}

我的样式表中有这些部分，当我使用Dreamweaver时，所有不同的分辨率在移动尺寸上都很好看。然后我在想..哦等等，android会自动缩放屏幕以使它们更大，所以我将它添加到我的索引顶部：

<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" />

我添加了这些，但STILL android由于某种原因没有关注媒体查询。它将页面呈现为分辨率不匹配，即使我尝试的设备包含480px X 800px，因此它应该在那里工作....

有人有什么想法吗？我知道机器人网页设计信息有点稀缺..但我在那里可能会有一些大师......我昨晚熬夜工作约8小时直接大声笑。

编辑：在进一步检查时，看起来任何小于400px的东西都在工作，但是，最大和最小设备宽度在600到400之间，这会导致问题......

Answer 1

我删除了max-device-width：600px，它现在呈现正确的东西。不确定发生了什么，但那就是答案，dk我做了什么。

Answer 2

在最大值之前重新排列最小值：

@media only screen and (min-device-width: 401px) and (max-device-width:600px) {
- styles here -
}