我正在使用媒体查询以实现响应式设计。但我发现每个浏览器的行为都与它有所不同。
分辨率480x856 chrome使用"http://foo.bar/resource"中的规则，但Firefox使用@media screen and (max-width: 480px)中的规则有没有办法在所有浏览器中实现相同的结果？
答案 0 :(得分：0)
我发现这篇文章，也许可以帮到你。
＆＃34; ...它实际上根本不是CSS或CSS解释问题 - 这就是Firefox（或没有）调整视口大小的方式。与谷歌浏览器和大多数其他浏览器不同，Firefox允许它的工具栏影响视口大小。使视口调整大小低于Firefox中工具栏宽度的唯一方法是禁用它们。你需要去View＆gt;工具栏并取消选中每个。然后尝试调整大小并观察您的媒体查询是否生效。＆＃34;
https://css-tricks.com/forums/topic/firefox-ignoring-max-width320px-media-query/