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