Чем отличается адаптивная вёрстка от респонсивной?

Основное отличие адаптивной вёрстки от респонсивной — в реакции на изменение размера экрана. sendpulse.com

Респонсивная вёрстка (отзывчивая) предполагает, что пользователь получает один и тот же HTML и CSS, независимо от устройства, с которого он посещает сайт. fruntend.com Внешний вид страниц определяется прописными стилями и медиа-запросами. fruntend.com Элементы страницы в респонсивном дизайне всегда остаются на странице и могут просто менять своё расположение. fruntend.com

Адаптивная вёрстка используется, когда нужно отображать определённый макет для каждого вида устройства. fruntend.com Когда пользователь посещает сайт со своего устройства, система определяет его и его размеры, а затем выдаёт соответствующий HTML и CSS. fruntend.com Количество макетов диктуется дизайном и требованиями проекта. fruntend.com

Некоторые преимущества респонсивной вёрстки:

• проще в разработке, так как достаточно сделать единую разметку и прописать корректно стили и медиа-запросы; fruntend.com
• легко поддерживать и менять при разработке; fruntend.com
• сайты с респонсивным дизайном хорошо ранжируются в поисковой выдаче. fruntend.com

Некоторые преимущества адаптивной вёрстки:

• пользователь получает именно тот HTML и CSS, которые будут соответствовать его устройству; fruntend.com
• нет лишнего кода в разметке, стили только те, которые нужны для данного девайса; fruntend.com
• такой подход оправдан в сложных проектах, заточенных под определённые устройства. sendpulse.com