媒体查询在Firefox中不起作用

Question

我为我的php项目添加了以下媒体查询，以在屏幕宽度为1254px时隐藏图像。

@media screen and (max-width: 1255px ) {
    .visible-desktop {
        display: none;
    }
}

它可以正常使用Chrome，但它不适用于Firefox。任何人都可以帮我解决这个问题吗？

Answer 1

您的媒体查询是正确的，并且在chrome和firefox中完美运行。

As you can see on this JSFiddle...

我猜（因为我们没有更多的代码）.visible-desktop的显示被设置在你无法用你的无法覆盖它的其他位置。您可以尝试使用!important，这不是一种美容方式，但可以在大多数时间修复它，但也不是每次都修复它。

display: none !important;

Answer 2

您的代码完全有效。

查看实时演示 Here

并在Firefox中查看此网址。然后也工作。我也试试。见图像

代码段示例

 @media screen and (max-width: 1255px) {
            .visible-desktop{
                display: none;
            }
        }

<div class="visible-desktop">
Hello visible-desktop Class 
</div>