@SatinAndrey

Можно ли смешивать медиазапросы в css?

Доброго времени суток!
Вопрос такой:
Если я подключу разные css файлы, где в каждом файле очень приочень много разных медиазапросов, то вопрос- будет ли корректно всё работать?
или же нужно придерживаться 'Сначала с пк, потом мобайл'?
т.е. media(400px), media (600px), media (200 px) и тп будут корректно отображаться?
P.S. я знаю, что начинать с мобильной версии более правильный подход :)
Заранее большое спасибо!
  • Вопрос задан
  • 175 просмотров
Решения вопроса 1
rockon404
@rockon404
Frontend Developer
Удобнее всего писать медиазапросы прямо в селекторах. Для этого вам надо использовать препроцессоры:
.some-selector {

  @media only screen and (min-width: 600px) {
    
  }
}

Такой код более читаемый и легко масштабируется. Если медиазапросов несколько, используйте принцип mobile first.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы