display：none不起作用

Question

我有从javascript制作音乐的网络应用程序。但是我的display: none课程的.musicBox存在问题。

这是index.html代码，包含所有重要的样式和＆amp;脚本。

My index.html file on CodePen

  @media screen and (max-width: 520px) {
      .rotateDevice {
          display: block; 
      }
      .toneBox {
          display: none;
      }
  }

当我将窗口调整到520px宽度以下时，它将'显示：无'我的颜色框。但为什么不呢？

Answer 1

此媒体查询上方缺少某些内容。

移除其上方的.a。

Answer 2

试

.toneBox {
    visibility: hidden;
}

Answer 3

尝试这可能会对你有所帮助：

Visibility: none;