Основные разрешения экранов
Обычно медиазапросов пишут много, чтобы определить поведение элементов для большинства современных устройств. Их много и появляются всё новые, поэтому нельзя написать универсальный набор медиазапросов для каждого существующего устройства.
Обычно базовый макет ориентирован на средний ноутбук с разрешением дисплея от 1024 до 1440 пикселей. Основные стили (до применения медиазапросов) пишут для таких устройств. Тогда по рекомендациям браузера необходимый набор медиа-запросов будет следующий:
Есть важное правило, которое нужно соблюдать при написании медиазапросов: пишите стили от более общего к более частному, от большего к меньшему, это обезопасит вас от ситуаций, когда одни стили перебивают другие.
