变化的背景上观看移动设备时

当移动设备我想下的标志，这是工作的听现场按钮上观看。我想在移动设备上查看时消除背景，并希望背景颜色为黑色。这不起作用。我也想调整高度，因为听现场和菜单之间有太多空间。

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

2015-09-14 Beth

我曾尝试看看你的网站和我注意到两两件事：

1. 你应该使用到您的@media查询的CSS样式覆盖默认行为，并得到它的工作是背景：黑色;取而代之的是背景颜色：黑色;

2. 在这一刻似乎并不为与相应的你的CSS任何@media查询（最大宽度：400像素）

2015-09-14 01:24:27 Dario

感谢您的提示。我已经改变到下面，但我不能让它工作@media只有屏幕和（最大宽度：479px）{ #header { background：＃000000; } #listenlive { margin-top：300px; }} 寻找 – Beth

在您的网站（检查元素），我可以看到媒体查询 @media掌机，屏幕（最大宽度：768px）的#header { 填充底：0; （max-width：400px）或（max-width：479px）... 你把它放在哪里？ – Dario

我放在style.css中，但现在我看到了skeleton.css。我在哪里放置你的代码？我试着放在/ *下注意：设计宽度为480px */ @media手持式，屏幕和（最小宽度：480px）和（最大宽度：767px）{但是没有运气 – Beth

回答