我一直在我的主样式表中使用媒体查询来根据屏幕尺寸加载不同的样式。
在我升级到 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/