显示：无作用

Question

我有用于通过javascript制作音乐的网络应用。 但是我有display: none问题display: none我的.musicBox类display: none存在。

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

我在CodePen上的index.html文件

  @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;