所以我发现大部分旧手机浏览器都不支持媒体查询。 （来源：实施响应式设计的书）。例如，该书说92％的Android用户正在使用Android v2.3或更早版本进行浏览..当前版本是v4.x。
所以我很好奇如何为这些用户进行优化。假设我把<meta name=”viewport” content=”width=device-width” />放在头部，因为那些浏览器不理解以下媒体查询，那么他们不会只显示“桌面”布局的一小部分（比如默认的960px布局的200px？ ）.. ..
所以我想知道如果设备不支持媒体查询，那么无论如何都会删除viewport metatag，这样他们至少可以在那些旧浏览器中拥有默认的桌面体验，任何建议？感谢。
答案 0 :(得分：2)
您的图书已过时，see this chart here了解更多最新信息。
总结一下，虽然5.5％的Android用户正在浏览少于2.3的内容（如果计算2.3的第一个补丁，则为5.6％）。
在2.3中的补丁之后，这些手机上的浏览器真的相当不错，我会针对这个及以上，因为这将覆盖所有Android手机用户的94.4％。
此外，如果您check this chart here，您将看到对实际css媒体查询的支持一直回到Android浏览器2.1。 （这意味着Android上99.9％的用户可以看到基本的媒体查询）
另外，如果您查看这些报告：
你会看到至少回到2.2支持你指定的元标记<meta name=”viewport” content=”width=device-width” />（我认为，因为2.1标签支持媒体查询，即使它不是你仍然覆盖98.2％的用户）。
如果您真的想要花费最后几个百分点的努力，您可以使用一些javascript来检测是否支持媒体查询。就个人而言，我会检查像modernizer这样的图书馆。如果你选择走这条路，它会让你的生活变得更加简单。