Адаптивный веб-дизайн (англ. Adaptive Web Design) — дизайн веб-страниц, обеспечивающий корректное отображение сайта на различных устройствах, подключённых к интернету и динамически подстраивающийся под заданные размеры окна браузера. Википедия
Цель адаптивного веб-дизайна — удобное использование веб-сайта на любых разрешениях экрана любых популярных устройств. В отличие от классический мобильной версии сайта, разрабатывается единый дизайн, размеры которого на лету подстраиваются под разрешение экрана пользователя.
Обычно разрабатывается 3 ключевые версии сайта: мобильная, планшетная и стандартная десктопная.
В зависимости от структуры сайта, планшетная версия часто заменяется мобильной или, наоборот, десктопной. Иногда дополнительно разрабатываются промежуточные версии: для широкоформатных дисплеев, для портретного и горизонтального расположения планшетной или мобильной версии.
На практике адаптивный дизайн выглядит примерно так:
Анимация: Muharrem Senyil