@Mikhail_Litvinov
начинающий web-разработчик

Почему не работает медиа запрос?

Пытаюсь прописать меню для разных устройств, используя список разрешений, но запрос работает некорректно:
@media screen and (max-width: 375px) { 
.nav-bar {
width: 120px;
}
}

@media screen and (min-width: 375px) and (max-width: 600px) { 
.nav-bar {
width: 250px;
}
}

@media screen and (min-width: 600px) and (max-width: 1024px) { 
.nav-bar {
width: 350px;
}
}


Если ставить только 2 запроса без min-width, все работает корректно. Но хотелось бы больше медиа-запросов...
  • Вопрос задан
  • 55 просмотров
Решения вопроса 1
HunteR-VRX
@HunteR-VRX
Помешанный на развитии
Приветствую!
Обратите внимание, что вы пересекаете крайние точки (значения) брейкпоинтов, от запроса к запросу.

Верно будет таким образом (напишу абстрактно)
от 375 до 600
от 601 до 1024
от 1025 и выше
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
01 нояб. 2020, в 00:04
50000 руб./за проект
31 окт. 2020, в 23:12
10000 руб./за проект