Адаптивный дизайн — это способ корректно отображать интерфейс сайта на любых устройствах. 2 Страница с адаптивным дизайном выглядит по-разному на компьютере, планшете и смартфоне, каждая версия учитывает особенности устройства. 1

Принцип работы: дизайнер создаёт несколько версий страницы, обычно от двух до шести. 1 Во время вёрстки разработчик задаёт для каждой версии условия отображения: разрешение, ширину экрана, вертикальную или горизонтальную ориентацию. 1 Когда пользователь заходит на сайт, система распознаёт тип его устройства и показывает подходящий вид интерфейса. 2

Цель адаптивной вёрстки — добиться того, чтобы сайт оставался удобным и обеспечивал конверсию при загрузке на разных устройствах. 3

Преимущества адаптивного дизайна: корректная работа сайта на любых устройствах вне зависимости от разрешения или размера, сохранение функциональности при переходе от одной версии к другой, улучшение поведенческих факторов, охват и мобильного, и десктопного трафика. 1