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" />

我添加了这些，但由于某些原因，android仍然没有关注媒体查询。它呈现的页面就像分辨率不匹配一样，即使我尝试过的设备包括480px X 800px，所以它应该可以在那里工作

有人有什么想法吗？我知道droid网页设计信息有点稀缺。。但我想可能会有一些大师在那里。。。。我昨晚整晚都在做这个，大约连续8个小时，哈哈

---

编辑：在进一步检查中，看起来小于400px的设备正在工作，但是，最大和最小设备宽度介于600和400之间导致了问题……

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

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

---

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

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

---

我删除了最大设备宽度：600px，现在它正在渲染正确的东西。不知道发生了什么，但这就是答案，我做了什么

我删除了最大设备宽度：600px，现在它正在渲染正确的内容。不知道发生了什么，但这就是答案，我做了什么

这应该不会有什么区别。是的，我试过了，我确实去掉了最大设备宽度，它开始工作了。。然而，我现在有一个新问题。。。在30秒内检查上面的编辑这应该不会有任何区别。是的，我试过了，我成功地删除了最大设备宽度，它开始工作了。。然而，我现在有一个新问题。。。在30秒内检查上面的编辑