html - 在移动设备上查看时更改背景

Question

http://new.931thefan.com/

在移动设备上观看时，我想要 Logo 下方的实时收听按钮，该按钮可以正常工作。我想在移动设备上查看时消除背景，我希望彩色背景为黑色。这是行不通的。我也想调整高度，因为现场收听和菜单之间的空间太大。

@media screen and (max-width: 400px) {
    #header { 
        background-color: black; 
        background-image:none; 
    }
}

Answer 1

我试图查看您的网站，我注意到两件事:

1.您应该在@media 查询中使用 css 样式来覆盖默认行为并使其正常工作是 background: black;而不是 background-color: black;

2。在这一刻，似乎没有任何@media 查询与 (max-width: 400px) 相关的 css