Каква е разликата между адаптивния и отзивчивия дизайн?

Адаптивният дизайн включва използването на предварително дефинирани оформления (breakpoints) за конкретни размери на екрана. Отзивчивият дизайн се адаптира гъвкаво към размера на екрана благодарение на относителните единици, гъвкавата мрежа и медиазаявките.

Признак	Адаптивен дизайн	Отзивчив дизайн
Подход	Набор фиксирани макети	Течен, гъвкав
Брейкпоинти	Фиксирани, предопределени	Гъвкави, зависят от съдържанието
Единици	Пиксели (px)	Относителни (%, em, rem, vw, vh)
Макет	Меня се рязко при достигане на брейкпоинта	Плавно мащабиране и пренастройване
Използване	За оптимизация под конкретни устройства	За плавно мащабиране на всякакви устройства