2

Работает только для 1 стиля:

@media screen and (max-width: 800px) {.footer {width:750px;margin:auto;}}

Если добавить 2 стиль:

@media screen and (max-width: 800px) {
    .footer {
        width:750px;
        margin:auto;
    }
    .ftmenu{
        width:300px;
    }
}

То правило для ftmenu не действует. Если для каждого стиля отдельно писать @media screen and (max-width: 800px) то работает нормально, в чем проблема?

1
  • Пример на jsfiddle можно?
    – Qwertiy
    4 ноя 2015 в 10:59

1 ответ 1

1

Попробуйте дать вес вашему правилу или напишите его в самом низу css файла:

@media screen and (max-width: 800px) {
    .footer {
        width:750px;
        margin:auto;
    }
    .ftmenu{
        width:300px !important;
    }
}

Поскольку в на строке http://www.softgoal.ru/templates/softgoal/css/style.css:626 у вас прописана ширина 500 пикс для данного блока, то есть ниже того места, где вы пишите media-queries, то это правило просто переопределяет вышеописанное правило.

Не забывайте пользоваться консолью для разработчика, там сразу все видно. Вот апрув – http://joxi.ru/GrqebPefyGDvrz

Тот случай, когда у вас все правило работало если вы писали в отдельном media-queries скорее всего вы писали ниже строки style.css:626.

UPD

Вот статья про вес для CSS правил.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.