Na czym polega różnica między designem adaptacyjnym a responsywnym?

Responsywny design polega na używaniu predefiniowanych układów (punktów przerwania) dla określonych rozmiarów ekranu. Responsywny design elastycznie dostosowuje się do rozmiaru ekranu dzięki jednostkom względnym, elastycznej siatce i zapytaniom medialnym.

Cecha	Responsywny design	Adaptacyjny design
Podejście	Zestaw stałych układów	Płynny, elastyczny
Punkty przerwania	Stałe, predefiniowane	Elastyczne, zależne od treści
Jednostki	Piksele (px)	Względne (%, em, rem, vw, vh)
Układ	Zmienia się gwałtownie przy osiągnięciu punktu przerwania	Płynnie skalowany i przebudowywany
Zastosowanie	Optymalizacja pod konkretne urządzenia	Płynne skalowanie na dowolnych urządzeniach