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，以便我们进一步提供帮助。