媒体查询在 Firefox 中不起作用

【问题标题】：Media queries not work in firefox媒体查询在 Firefox 中不起作用
【发布时间】：2017-03-29 22:09:23
【问题描述】：

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

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

它在 Chrome 上正常工作，但在 Firefox 上不工作。谁能帮我解决这个问题？

【问题讨论】：

【解决方案1】：

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

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

display: none !important;

【讨论】：

【解决方案2】：

您的代码完全有效。

观看现场演示 Here

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

片段示例

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

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

【讨论】：