我有我的网站的OS和iOS优化，但测试它为Android通过browserstack.com已经留下了疑惑在我的媒体查询针对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设备的工作。 你有过任何这方面的运气？ 感谢您的想法。
媒体查询，不能用于查找设备的类型，您应该使用用户代理嗅探这一点。 有媒体查询上好的资源CSS-技巧虽然。
请看看有到演示http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries
这似乎是device-width: 20em会引起一些问题。 因此，已经看这里。
假设你1em = 16px ，我会用下面的媒体查询
@media only screen and (min-device-width: 20em) and (max-device-width: 30em)
这将寻找任何screen设备的宽度介于320px和480px ，这是一个用于移动设备的一个相当不错的标准。
如果你想利用媒体查询定位到Android设备，我想你可以通过查询dpi的假货。
@media screen and (min-resolution: 192dpi) { … }
