@OldKelt

Как при адаптивной верстке задать значения для max-width 768 и меньше (у меня не работает почему-то)?

Делаю свой первый сайт, поэтому прошу сильно не ругаться за кривизну и примитивизм.

Суть в том, что после значений для max-width 991 для всех остальных разрешений изменения не работают. Но если я скопирую строчки для, например, max-width 768 перед max-width 991, то все будет работать прекрасно. Где я туплю?

5df9f0784e0ac898667146.jpeg
  • Вопрос задан
  • 57 просмотров
Пригласить эксперта
Ответы на вопрос 2
@senselessV7
При max-width от большего к меньшему :
@media (max-width: 992px) {...}
@media (max-width: 768px) {...}


При min-width от меньшего к большему:
@media (min-width: 768px) {...}
@media (min-width: 992px) {...}
Ответ написан
DariaShvakh
@DariaShvakh
"Она - безнадёжна" (с)
OldKelt, Добрый день.
Чаще всего
<meta name="viewport" content="width=device-width, initial-scale=1">

Но бывает и
@media screen and (min-width: 320px) and (max-width: 768px) {
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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