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;