我的网站针对操作系统和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的查询），但只想要一个适用于所有/大多数手持设备的设备。你有运气吗？谢谢你的想法。
答案 0 :(得分：0)
媒体查询不能用于查找设备类型，您应该使用用户代理嗅探。 尽管如此，CSS-Tricks上有一个很好的媒体查询资源。
答案 1 :(得分：0)
请查看http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries
上的演示似乎device-width: 20em会导致一些问题。所以看看这里。
答案 2 :(得分：0)
假设您1em = 16px我会使用以下媒体查询
@media only screen and (min-device-width: 20em) and (max-device-width: 30em)
这会寻找宽度介于screen和320px之间的任何480px设备，这对移动设备来说是一个相当不错的标准。
答案 3 :(得分：0)
如果你想使用媒体查询定位Android，我想你可以通过查询dpi来伪造它。
@media screen and (min-resolution: 192dpi) { … }