Question

我一直在我的主样式表中使用媒体查询来根据屏幕大小加载不同的样式。

一切正常，直到我升级到Firefox v 10.0。现在媒体查询没有被拉入，看起来firefox忽略了一些被定义为百分比的宽度。

以下是我正在使用的媒体查询示例：

@media screen and (max-width: 800px) { 
body { background: #ddd; }
}

我一直能够通过缩小浏览器窗口进行测试。 Chrome，Safari和Opera都按预期工作。 IE会像往常一样忽略它，虽然宽度比firefox更好。

还有其他人遇到过这个问题吗？

Answer 1

您是否在安全模式下看到了问题？

我猜你已经安装了一些扩展程序，它已经重新启用了Firefox 10（默认情况下将扩展名视为兼容）并且此扩展程序会阻止您的实际浏览器视口随浏览器窗口缩小。例如，当发生这种情况时，您应该会看到右侧的垂直滚动条从视口中消失。你看到了这件事吗？

Answer 2

我正在测试Firefox的Firebreak插件，它打破了小尺寸（<524px）的响应式查询。我禁用了它，查询再次运行。