В прошлом создание веб-сайта было более простой задачей. На сегодняшний день макет веб-сайта должен адаптироваться не только к компьютерам, но и к планшетам, мобильным устройствам и даже телевизорам.

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