firefox - 媒体查询在 Firefox v10 中不起作用

标签 firefox css media-queries

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

在我升级到 Firefox v 10.0 之前一切正常。现在没有引入媒体查询,而且 firefox 似乎忽略了一些定义为百分比的宽度。

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

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

我总是能够通过缩小浏览器窗口来进行测试。 Chrome、Safari 和 Opera 都按预期工作。 IE 像往常一样忽略它,尽管在处理宽度方面比 Firefox 更好。

还有其他人在使用 firefox 时遇到这个问题吗?

最佳答案

您是否在安全模式下看到该问题?

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

关于firefox - 媒体查询在 Firefox v10 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9435107/

相关文章:

CSS 转换不工作 IE

css - node-sass,媒体查询和级联

html - 样式化 br-tags : possibility using moz feature in firefox

javascript - 如何使用 Greasemonkey 脚本防止 Firefox 中的页面缓存

html - 样式在 Chrome 和 Firefox Safari 和 iPhone 中显示不同

css - 使用 CSS 在鼠标按下时突出显示一个 div

html - CSS:z-index:-1 和背景:透明不起作用

javascript - 动态创建的表格单元格在 Firefox 32.0 中不显示

html - 元素之间的缩进(边距,填充)(css)

css - 如何根据浏览器窗口大小缩放文本