Responsive Webdesign reagiert auf die Anforderungen, die durch die unterschiedlichen Bildschirmauflösungen der Endgeräte entstehen. Smartphones, Tables, Notebooks und Desktops haben unterschiedliche Auflösungen – daher muss sich auch die Darstellung des Contents anpassen.

Responsive Webdesign – Endgeräte abhängiges Layout einer Webseite

Das Responsive Webdesign basiert auf CSS3 Media Queries, die endgerätspezifische Parameter wie Auflösung des Endgerätes aber auch dessen örtliche Ausrichtung. So wird zum Beispiel bei Smartphones erkannt, ob das Gerät horizontal oder vertikal benutzt wird.
Die Parameter werden dann als CSS-Code zum Erzeugen des Layouts geliefert.