显示：没有不起作用答案

【问题标题】：display: none doesn't work显示：没有不起作用
【发布时间】：2015-07-11 02:37:46
【问题描述】：

我有一个使用 javascript 制作音乐的网络应用程序。但是我的.musicBox 班级的display: none 有问题。

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

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

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

【问题讨论】：

关闭这个，因为它是一个错字：第 162 行，你有一个没有括号的 .a。
问题中有链接...
感谢卡尔-安德烈！这是我的解决方案。

标签： javascript jquery html css

【解决方案1】：

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

删除上面的.a。

【讨论】：

【解决方案2】：

试试

.toneBox {
    visibility: hidden;
}

【讨论】：

【解决方案3】：

试试这个可能对你有帮助：

Visibility: none;

【讨论】：