Если вы хоть раз задавали в CSS медиазапрос вроде: ...а потом ломали голову, почему он не работает, несмотря на то что "у пользователя экран 1366×768", — вы не одиноки. Эта ошибка чрезвычайно распространена, и связано это с неправильным пониманием того, как работает viewport в браузере. В этой статье объясню, почему так происходит и как избежать подобных ошибок в будущем. Первое, что стоит понять: медиазапросы опираются не на физическое разрешение экрана, а на ширину viewport’а в CSS-пикселях. Например,...

Медиа-запрос используется для адаптации верстки в зависимости от различных размеров экранов. Условия проверяют размер экрана, ориентацию, разрешение и другие свойства. Если все условия соблюдаются, все правила CSS в медиа-запросе будут применены к странице...