Question

好的，所以我的媒体查询在chrome中运行正常，但是当我在firefox中尝试代码时，或者，margin-top或margin-left是不同的，并且不像chrome中那样准确！

这是我使用的代码：

 @media screen and (max-width:800px) { 
    #box-move {
        margin-left:-20px;
        margin-top:40px; 
    } 
 }

那么firefox还是有一个特殊的tecnique吗？

感谢。

Answer 1

它实际上根本不是CSS或CSS解释问题 - 这是Firefox（或不）调整视口大小的方式。

与谷歌浏览器和大多数其他浏览器不同，Firefox允许它的工具栏影响视口大小。使视口调整大小低于Firefox中工具栏宽度的唯一方法是禁用它们。

您需要转到View＆gt;工具栏并取消选中每个。然后尝试调整大小并观察您的媒体查询是否生效。

我希望我解释说得对。这是一个艰难的一天！