display：none does not work

Question

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

以下是包含所有重要样式&脚本的index.html代码。

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;