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

时间:2017-07-17 13:38:00

标签: html css mobile

我在我的网站上有此代码,以便在桌面视图中隐藏内容:

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

但出于某些原因,当我在移动设备和开发人员工具中隐藏时,它会在我删除课程时显示。在过去,它似乎与我已经完成的其他事情一样正常。但是为此。

1 个答案:

答案 0 :(得分:0)

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

然后, 检查开发人员工具,而不是任何其他CSS属性覆盖它。

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