Основное отличие респонсивной вёрстки от адаптивной заключается в том, как они реагируют на изменение размера экрана. 1

Респонсивная вёрстка помогает динамически подстраивать контент под размеры и разрешение экрана в рамках одного и того же макета. 1 Содержимое сайта растягивается и сжимается одновременно с изменением размеров окна браузера. 5

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

На сегодня чаще используется респонсивная вёрстка, так как создание и поддержка единственного универсального макета занимает меньше времени и стоит дешевле. 1 Адаптивный дизайн оправдан в сложных проектах, заточенных под определённые устройства. 1