Запросы мультимедийных сообщений CSS не работают

Привет, я создал веб-сайт, 3 недели назад медиа-запросы и все работало, и я делаю паузу. Теперь, когда я снова тестирую сайт, медиа-запросы не работают (да, это просто freaking испортилось).

Вот мои медиа-запросы:

/* Media Queries */

@media screen and (max-width: 980px) {

 #ad-container, #ad, #adnum, #adnums, #adStxt, #footer {
 display: none;
 }

 #adtxtspecial {
 display: block;
 }

 #content {
 padding-left: 0px;
 }

 #project-logo {
 display: none;
 }
}

@media screen and (max-width: 320px) {

 #header {
 height: 100px;
 }
}

В начале документа я получил следующее:

Ответьте как можно скорее.

EDIT: Это оригинальные стили для элементов, которые мне нужно изменить.

#ad-container {
 text-align: center;
}

#ad {
 width: 900px;
 height: 500px;
 margin-right: auto;
 margin-left: auto;
 display: block;
}

#adnums {
 padding: 2px;
 background-color: #f7f6f5;
 cursor: pointer;
}

#adnum {
 color: #dd4814;
 font-weight: bold;
}

#adStxt {
 font-size: small;
}

#adtxtspecial {
 display: none;
 text-align: center;
 font-size: 40px;
 color: #dd4814;
 font-weight: bold;
 padding-top: 100px;
 padding-left: 10px;
 padding-right: 10px;
}
2 ответа

Проблема, о которой я могу думать, заключается в том, что вы используете встроенный стиль. встроенный стиль переопределяет свойства стиля из раздела/файла CSS.

здесь пример

Я добавил этот CSS:

#content{
 padding-left:50px;
}

Обратите внимание, что вы не должны использовать 2 разных элемента с тем же идентификатором, но для этого примера он работает и демонстрирует проблему.


Лучшая практика - использовать классы для такого рода вещей. Посмотрите, исправляет ли их изменения классы.

licensed under cc by-sa 3.0 with attribution.