Responsive Design (auch: Responsive Webdesign) ist eine Technik für die Gestaltung und Programmierung von Webseiten, die es ermöglicht, dass diese Seiten auf Bildschirmen unterschiedlicher Grösse immer optimal dargestellt werden. Dadurch kann man dieselbe Website sowohl auf einem Grossbildschirm als auch auf einem Smartphone nutzen.
Beim Responsive Design passt sich die Breite des Layouts automatisch an den verfügbar Platz an. Dies geschieht beispielsweise dadurch, dass Bilder verkleinert werden, dass Textspalten schmaler werden oder dass Layoutelemente untereinander statt nebeneinander platziert werden. Üblich ist auch, dass Navigationelemente auf kleineren Bildschirmen nicht mehr komplett dargestellt, sondern in einem aufklappbaren Menü untergebracht werden.
Die Anpassung des Layouts erfolgt direkt im Browser: Verändert man nach dem Laden einer Seite die Grösse seines Browser-Fensters, so passt sich die Seite dynamisch an.
Da bei vielen Websites rund die Hälfte der Zugriffe über Smartphones erfolgen, ist Responsive Design inzwischen Standard. Alle modernen Browser unterstützen heute CSS Media Queries, die es erlauben, das Layout je nach Bildschirmbreite unterschiedlich zu gestalten. Allerdings funktioniert Responsive Design nicht einfach automatisch, sondern muss sowohl beim Design als auch bei der Entwicklung einer Website individuell geplant und implementiert werden.
Übrigens: PDF-Dokumente sind nicht responsive und dadurch auf Smartphones nur schlecht nutzbar.