Adaptive vs responsive

Das unterschiedliche Verhalten sieht man, wenn man das Browserfenster langsam verkleinert. Wenn der Viewport unter 920px ist, springt das adaptive Layout auf die andere Darstellung um. Ein weiterer Sprung geschieht, wenn der Viewport kleiner als 620px ist. (Die Werte 920px und 620px haben keine tiefere Bedeutung, ich habe mir sie einfach ausgedacht.)

Das responsive Layout verkleinert sich hingegen kontinuierlich, wenn das Browserfenster schmaler wird - man sieht auch schön, wie das Bild schmaler wird. Es gibt dabei unendlich viele Zwischenstufen

adaptive

Bildplatzhalter

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusamet.

responsive

Bildplatzhalter

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusamet.