@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, все работает корректно. Но хотелось бы больше медиа-запросов...
  • Вопрос задан
  • 74 просмотра
Решения вопроса 1
HunteR-VRX
@HunteR-VRX
Помешанный на развитии
Приветствую!
Обратите внимание, что вы пересекаете крайние точки (значения) брейкпоинтов, от запроса к запросу.

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

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

Войти через центр авторизации
Похожие вопросы