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

标签 html css responsive-design

http://new.931thefan.com/

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

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

最佳答案

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

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

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

关于html - 在移动设备上查看时更改背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32556069/

相关文章:

javascript - jQuery $(this) 伪选择器

javascript - 如何为 HTML5 音频元素制作加载栏?

html - 如何将 div 放在悬停上方而不被删除

一侧的 CSS 边框图像渐变?

responsive-design - 重复菜单 SEO 问题

jquery - 如何在跨度内动态调整文本大小?

c# - 如何使 asp Validator 通过 jQuery/javascript 验证

javascript - 使用 Ajax jQuery 实时搜索 JSON 数据不起作用?

javascript - 无论 if 语句如何,都会加载 Ajax 内容

html - 媒体查询不起作用