1

我有一个广泛使用 CSS3 媒体查询的移动网站。

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

我想知道是否有办法禁用 Firefox (21.0) 中的媒体查询支持以便能够开发，因为我没有其他东西可以测试。

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

4

3 回答 3

5

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

于 2013-06-06T08:06:43.863 回答
2

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

结果，您将在不支持媒体查询的浏览器中拥有一个无响应的站点，这就是媒体查询的全部意义所在。

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

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

于 2013-06-06T08:56:58.860 回答
0

你倒过来了。不支持媒体查询和相应规则的浏览器会隐式忽略它们。因此，通用/基本规则必须在专门规则之前，反之亦然。

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

于 2013-06-06T08:21:26.763 回答