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

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

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

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