Если одновременно использовать @media (max-width: 1000px) и @media (min-width: 1000px), то при ширине ровно 1000px будут выполняться оба правила
Если использовать @media (max-width: 1000px) и @media (min-width: 1001px), то при масштабе в 1,25 и ширине 1251px не будет выполняться ни одно из этих правил (т.к. 1251/1,25=1000,8)
Вопрос: как сделать так, чтобы одно правило выполнялось при ширине меньшей либо равной 1000px, а другое выполнялось при ширине строго большей 1000px?
Задачу решает использование оператора отрицания для второго медиа-запроса.
@media not all and (max-width: 1000px) {
/* ... */
}
Как развивать веб-проекты в 2026 году: технологии, контент E-E-A-T и факторы доверия
Современные инструменты для криптотрейдинга: как технологии помогают принимать решения
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники