Wat is het verschil tussen adaptief ontwerp en responsief ontwerp?

Responsief ontwerp houdt in dat er gebruik wordt gemaakt van vooraf gedefinieerde lay-outs (breakpoints) voor specifieke schermformaten. Het responsieve ontwerp past zich flexibel aan de schermgrootte aan dankzij relatieve eenheden, flexibele raster en media queries.

Kenmerk	Adaptief ontwerp	Responsief ontwerp
Benadering	Set vaste lay-outs	Vloeibaar, flexibel
Breakpoints	Vast, vooraf gedefinieerd	Flexibel, afhankelijk van de inhoud
Eenheden	Pixels (px)	Relatief (%, em, rem, vw, vh)
Lay-out	Verandert abrupt bij het bereiken van de breakpoint	Gaat soepel schalen en herstructureren
Gebruik	Voor optimalisatie op specifieke apparaten	Voor soepele schaalbaarheid op alle apparaten