Was ist der Unterschied zwischen adaptivem und responsive Design?

Responsives Design bedeutet die Verwendung vordefinierter Layouts (Breakpoints) für bestimmte Bildschirmgrößen. Das flexible Design passt sich dank relativer Einheiten, flexibler Raster und Media Queries flexibel an die Bildschirmgröße an.

Merkmal	Adaptives Design	Responsives Design
Ansatz	Feste Layouts	Fließend, flexibel
Breakpoints	Feste, vordefinierte	Flexibel, abhängig vom Inhalt
Einheiten	Pixel (px)	Relative Einheiten (%, em, rem, vw, vh)
Layout	Ändert sich abrupt bei Erreichen des Breakpoints	Skaliert und reorganisiert sich sanft
Verwendung	Für die Optimierung auf bestimmten Geräten	Für sanftes Skalieren auf allen Geräten