CSS3 @media规则在移动设备上表现奇怪

Question

我的网站上有以下代码，用于在桌面视图中隐藏内容：

@media only screen and (min-width: 767px), only screen and (min-device-width: 767px) {
.hide-desktop {
display:none!important;
}
}

但是由于某种原因，当我在移动设备上时，它在开发人员工具中隐藏，当我删除类时，它会显示出来。过去，除了这个之外，我做过的其他事情似乎工作得很好。

Answer 1

删除!important，因为它可能导致其他 CSS 属性从通常的流程中行为异常，并且很难检测到任何类型的错误。

然后 签入开发人员工具，而不是任何其他CSS属性正在覆盖它。

如果以上都不适合您，请发布您的整个 HTML 和 CSS，以便我们进一步提供帮助。