В чем разница между min-width и max-width в медиазапросах CSS?

Разница между min-width и max-width в медиазапросах CSS заключается в том, что min- задаёт минимальное значение характеристики, при котором стили будут применяться, а max- — максимальное значение характеристики. itchief.ru

Таким образом, min- адресует весь экран с минимальной шириной области просмотра, в то время как max- адресует все экраны с максимальной шириной области просмотра. stackoverflow.com

Эти префиксы удобны для адаптивного дизайна, когда нужно ограничить действие стилей в определённых рамках. itchief.ru

Например, @media (max-width: 1000px) означает, что если ширина окна равна или меньше (максимально) 1000px, то код в запросе сработает. stackoverflow.com @media (min-width: 1000px) означает, что если ширина окна равна или больше (как минимум) 1000px, то код в запросе сработает. stackoverflow.com