Responsive и adaptive
Оба подхода оптимизируют UX на разных устройствах (viewport, разрешение, контекст использования).
Responsive design — одна «гибкая» вёрстка: media queries, гибкие сетки, responsive-изображения. Интерфейс плавно «сжимается/растёт» под условия — как один мяч под разные кольца.
Adaptive design ближе к набору заранее заданных layout под детектируемые характеристики устройства (фиксированные брейкпоинты/шаблоны). Сайт определяет контекст и отдаёт подходящий вариант — несколько «мячей» под разные кольца.
Итог
Responsive — непрерывная гибкость одной вёрстки; adaptive — дискретные варианты под известные классы устройств/ширин.
