Responsive Content

Responsiver Inhaltsbereich

Der responsive Inhaltsbereich auf dieser Seite, übernimmt die automatische Anpassung von Inhalten an die Gerätegröße. Der Seitenkopf besitzt eine vordefinierte Container-Breite, die je nach Anzeigeformat und Ausrichtung des Ausgabegerätes, die passende Container-Abmessung ausliefert.

Die Eigenschaften zur Größe und Ausrichtung des Containers werden über CSS Media Queries gesteuert und können auf den Pixel genau für alle möglichen Auflösungen festgeschrieben werden.

Übersicht

Seitenlayout Varianten

Alles fließend

Kopf- und Inhaltsbereich des Seitenlayouts passt sich responsive dem Viewport an

Seitenkopf fließend

Inhalte im Kopfbereich des Seitenlayouts passen sich responsive dem Endgeräte an

Seiteninhalt fließend

Nur der Inhaltsbereich des Seitenlayouts passt sich flexibel der Größe des Browserfensters an

Responsive Webdesign

Ein Design für alle Fälle

Responsives Webdesign oder kurz RWD genannt, ist aus dem englischen responsive ‚reagierend'.

Responsive Design

Reagierendes Webdesign

Ein Webdesign für mobile Endgeräte wie Smartphones oder Tablet-Computer und Desktop PC.

Responsive Layout

Mobile Web Traffic

Dieser macht bereits mehr als 50% aus. Layout, Typografie und Medien sollten dafür gerüstet sein.