Firefox 6/7是否处理最大宽度：320px媒体查询错误？

我最近在Firefox中看到了奇怪的媒体查询行为，我想知道谁做得对（与Chrome和IE9相比）

我有以下css：

@media screen and (max-width:320px){
#sfWrapper{max-width:280px;font-size:0.625em;line-height:1.2em}
#cpw_banner{display:none;visibility:hidden;}
#cpw_content{width:100%;}#cpw_aside{width:100%;}
}

Firefox（在调整浏览器大小时，似乎没有注意到max:width 320px，而它会对更大屏幕的媒体查询做出反应

不仅如此，当我在一个窗口上频繁使用ctrl+时，它会启动，因为Chrome和InternetExplorer9不会在ctrl+/ctrl上应用新媒体查询-

---

有人知道ctrl+/ctrl-和媒体查询的“标准”行为是什么吗

先谢谢你。。。

---

J.

在Firefox中，根据您的确切工具栏设置，内容区域可能不可能缩小到某个宽度以下。如果您使用垂直滚动条设置页面，当窗口小于该最小宽度时，您可以看到滚动条开始消失。此时，浏览器窗口变小，但页面视口不是。因此，在您的情况下，如果最小宽度大于320px，则上面的媒体查询将永远不会应用

关键是媒体查询匹配的是页面视口宽度，而不是浏览器窗口宽度

此外，媒体查询匹配的是CSS像素，而不是设备像素。放大Firefox会改变设备像素中CSS像素的大小，因此页面视口大小（固定在设备像素中）会改变CSS像素

---

zoom应该做什么没有标准。

我一直在为320px设计一个响应性强的设计，但Firefox就是不响应

---

我发现，出于某种原因，如果您将媒体查询设置为480px-

（最大宽度：480px）

-然后Firefox仍将应用媒体查询。

我不知道为什么提供的答案被勾选，因为它没有回答OP的问题。媒体查询没有激发320像素的原因是Firefox中的导航工具栏

---

如果将其关闭（转到“视图-工具栏-导航工具栏”并取消选中）然后媒体查询将以320像素触发。

谢谢！如果每个人都以相同的方式处理缩放以进行更改，那就太好了……嗯……这就是他说的不？视工具栏设置而定，视口不能缩小到320像素以下，这就是媒体查询没有触发的原因。也许你不清楚，但对我来说，作为OP，我理解为pBoris的意思是完美的，因此答案标志…J。我同意这个答案更清晰和简洁，尽管因为它们都很有用，我把它们都投了上去。顺便说一句，你可以在Windows中快速切换导航工具栏：只需按住ALT并按V，T，N。我假设类似的东西适用于Mac（可能是Command）。扩展导航栏的扩展（例如Firebug、Colorzilla、LastPass、信任网）大大恶化了此问题。在与此问题相关的三个堆栈溢出问题中，我看到的最简单的解决方案是下面@john aspinall的解决方案。另请参阅和。