为什么这些媒体查询不适用于android的网页？

我正在使用我正在付费的移动模拟器，可以在许多不同的手机上查看我的移动网站，并且所有Android手机的主题都是由于某些原因导致我的媒体查询无法正常工作。他们正在研究iPhone，但不知道adnroid会发生什么。这是我使用什么为Android媒体查询：为什么这些媒体查询不适用于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是不重视出于某种原因向媒体查询。它呈现的页面就好像分辨率不匹配，即使我尝试过的设备包括一个480像素X 800像素，所以它应该在那里工作....

任何人有任何想法？我知道机器人网页设计信息有点稀缺..但我hping有可能有一些高手在那里....我昨晚整夜工作了大约8小时的直线大声笑。

编辑：在进一步检查，它看起来像任何低于400像素不过是工作，它的最大值和最小值设备宽度为600和400之间，这是造成问题......

来源

2012-09-09 king

我删除了最大的设备宽度：600px的和它现在呈现正确的事。不知道发生了什么事，但那就是答案，dk我做了什么。

来源

2012-09-09 22:33:52 king

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

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

来源

2012-09-09 22:15:05 Rockafella

这应该没有什么区别。 – BoltClock

是的，我试过了，我acutally删除最大设备宽度，它开始工作..但是，我现在有一个新问题...检查编辑30秒以上 – king

为什么这些媒体查询不适用于android的网页？

回答

相关问题