媒体查询无法在Firefox v10中运行

kra*_*tty 3 css firefox css3 media-queries

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

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

这是我正在使用的媒体查询的示例:

@media screen and (max-width: 800px) { 
body { background: #ddd; }
}
Run Code Online (Sandbox Code Playgroud)

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

有没有其他人有这个问题与Firefox?

Bor*_*sky 5

你在安全模式下看到了这个问题吗?

我猜你已经安装了一些扩展,它已经被Firefox 10重新启用(默认情况下将扩展视为兼容),这个扩展可以防止你的实际浏览器视口缩小浏览器窗口.例如,当发生这种情况时,您应该会看到右侧的垂直滚动条从视口中消失.你看到那件事发生了吗?