Html CSS3@media Rule在手机上表现异常

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

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

---

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

删除

！重要信息

，因为它会导致其他CSS属性与通常的流行为不一致，并且很难检测到任何类型的错误

那么， 检查开发人员工具，而不是任何其他CSS属性正在覆盖它

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

检查对（最小）设备宽度/高度/纵横比的支持，因为它们已被弃用，并添加示例代码，以便我们了解CSS的结构。