Мы полагаемся на CSS Media Queries для выбора и стилизации элементов на основе состояния. Это может быть что угодно, но обычно они делятся на два типа: (1) тип используемого носителя и (2) конкретная функция браузера, устройства или даже среды пользователя. Итак, скажем, мы хотим применить определенные стили CSS к печатному документу: Тот факт, что мы можем применять стили при определенной ширине области просмотра, сделал CSS Media Queries ключевым компонентом адаптивного веб-дизайна с тех пор, как Итан Маркотт ввел этот термин...

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