Разница между адаптивным и отзывчивым дизайном заключается в подходе к адаптации сайта под разные устройства и размеры экрана. 15

Отзывчивый дизайн подстраивает сайт под любой размер экрана. 5 За счёт подвижной сетки макет автоматически реагирует на изменение размеров экрана, раздуваясь или сужаясь. 1 Для всех разрешений используется один и тот же макет, но элементы сжимаются или растягиваются под каждый экран. 3

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

Таким образом, основное отличие в том, что отзывчивый дизайн — один макет для всех устройств, а адаптивный дизайн — один макет для каждого вида устройства. 1