Задать вопрос
@ItWorld
html

Вопрос по медиа запросам?

Здравствуйте. Посмотрел 2 урока по оптимизации сайта. В первом автор использует команду media (max-width 1px), в другом @media(min-width:0) and (max-width:1px). Для меня как для новичка сложно понять, почему в одном случаи автор использует одну команду, а в другом другую. Объясните пожалуйста.
  • Вопрос задан
  • 83 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
@eduardich
Это называется mobile first. То есть весь CSS изначально пишется под мобильные/планшеты, что предполагает использование сайта в основном на телефонах. А затем медиа запросами CSS подгоняют под более крупные экраны.
Если media (min-width: ) - то mobile first,
Если media (max-width: ) - то наооборот
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
PHP-разработчик
FoodSoul • Калининград
от 180 000 до 250 000 ₽
Специалист технической поддержки (чат)
WebSoft
от 50 000 до 70 000 ₽
Ещё вакансии