如何禁用Firefox中的媒体查询支持？

Question

我有一个移动网站，其中大量使用CSS3媒体查询。

我想为不支持媒体查询的浏览器做一个版本，为它们添加一个额外的css文件，它会覆盖一些css规则。

我想知道是否有一种方法可以禁用Firefox（21.0）中的媒体查询支持，因为我没有其他任何可以测试的内容。

Chrome解决方案也可以解决，但我更喜欢使用firebug。

Answer 1

您可以随时尝试在IE 8中进行测试。

Answer 2

媒体查询是您在CSS中定义的，如果浏览器不理解媒体查询，它不支持它，它将不会执行使网站响应的CSS。

因此，在不支持媒体查询的浏览器中，您将拥有一个无响应的网站，这就是媒体查询的全部内容。

任何浏览器都没有选项可以禁用媒体查询。

如果您想在没有媒体查询的情况下测试您的网站，请在CSS中注释掉规则。使用这种方法，您可以继续在Firefox中进行测试，而无需在Internet Explorer 8中进行测试

Answer 3

你倒退了。媒体查询和相应的规则被不支持它们的浏览器隐式忽略。因此，共同/基本规则必须在之前专门的规则，而不是反之亦然。

您应始终在目标环境中进行测试。如果这不是一个选项，您可以将特定于媒体的规则放在单独的样式表中并禁用该样式表，例如使用HTML注释或Web Developer extension（显然，此扩展程序的此功能在Chromium / Chrome中不可用，但您可以禁用“手持式样式”）。与Web Developer和Chrome Dev Tools同样，您可以测试特定于媒体的样式表，就像使用相应的视口一样。但不要依赖于此;它不仅仅是视口大小。