Вы открываете любимый сайт на ноутбуке: перед вами широкая лента с картинками, меню сбоку, много текста. Затем берёте телефон: тот же сайт, но меню спряталось под значок, колонки выстроились в одну линию, шрифт стал крупнее. Возникает вопрос: неужели разработчики нарисовали две разные версии? На самом деле всё проще и изящнее. Дизайн не дублируется, он «гибкий». Представьте воду: она принимает форму сосуда, в который налита. Налейте её в стакан — она станет стаканом, в широкую чашу — растечётся по дну. Адаптивный интерфейс работает так же: элементы «перетекают» под размер экрана, скрываются в меню, меняют размер шрифта. Вы получаете удобный опыт независимо от устройства, потому что код сайта умеет чувствовать пространство...
Подробнее в ВКонтакте

@whilet_ru