Css Android设备的媒体查询

我的网站针对操作系统和iOS进行了优化，但通过browserstack.com对Android进行测试让我对在媒体查询中定位Android设备感到困惑

以下是适用于iOS设备的我的查询：

#using em based query after reading this article: http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw/
@media only screen and (device-width: 20em)

---

我尝试过各种不同的查询（包括基于px的查询），但我只想要一个适用于所有/大多数手持android设备的查询。你运气好吗？谢谢您的想法。

媒体查询无法用于查找设备类型，您应该使用用户代理嗅探来完成此操作。

---

不过，有一个很好的媒体查询资源。

请查看

---

似乎

设备宽度：20em

会导致一些问题。请看这里。

假设您的

1em=16px

我将使用下面的媒体查询

@media only screen and (min-device-width: 20em) and (max-device-width: 30em)

---

这将寻找任何宽度介于

320px

和

480px

之间的

screen

设备，这对于移动设备来说是一个相当好的标准。

如果你想使用媒体查询来定位Android，我想你可以通过查询dpi来伪造它

@media screen and (min-resolution: 192dpi) { … }

---

您在哪个浏览器中测试此功能？使用Firefox和browserstack.com。感谢@AsadAre的任何想法，你说你很难将特定的风格定位到你的android设备上，或者媒体查询根本没有在android设备上出现？如果你使用Firefox，整个规则都将被放弃，因为

-webkit min device pixel ratio

对Firefox无效，只是说媒体查询没有应用到android devices@NickTomlin。使用（设备宽度：20em）并非针对android设备