2015-09-14 3 views
0

http://new.931thefan.com/изменение фона при просмотре на мобильном устройстве

При просмотре на мобильном устройстве Я хочу слушать кнопку живой под логотипом, который работает. Я хочу исключить фон при просмотре на мобильном устройстве, и я хочу, чтобы цветной фон был черным. Это не работает. Я также хочу настроить высоту, поскольку между прослушиванием в реальном времени и меню есть слишком много места.

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

ответ

0

Я попытался взглянуть на свой веб-сайт, и я заметил 2 вещи:

1. стиль CSS, вы должны использовать в вашем @media запроса, чтобы перезаписать поведение по умолчанию и заставить его работать фон: черный; вместо этого background-color: black;

2. В этот момент не кажется, любой @media запрос на вашем CSS, связанные с (макс-ширина: 400px)

+0

спасибо за советы. Я изменился на ниже, но я не могу заставить его работать только на экране @media и (max-width: 479px) { #header { background: # 000000; } #listenlive { margin-top: 300px; } } – Beth

+0

глядя на свой веб-сайт (инспектировать элемент) я могу увидеть медиа-запрос @media портативный, экран и (макс-ширина: 768px) #header { обивка дна: 0; } по файлу skeleton.css, но ничего не связано с (max-width: 400px) или (max-width: 479px) ... Где вы выразились? – Dario

+0

Я поместил в style.css, но теперь вижу skeleton.css. Где я могу разместить свой код? Я попытался разместить под/* Примечание: Дизайн для ширины 480 пикселей */ @media карманный, экран и (мин-ширина: 480 пикселей) и (максимальная ширина: 767 пикселей) {но не повезло – Beth