HTML Teil 21 HTML Responsive Webseiten

Responsive Webseiten sind Webseiten, die für verschiedene Anzeigegeräte optimiert werden. Für einen Computer, für ein Smartphone, Für ein Tablet und für normale Telefone.
Alle diese Geräte verwenden verschiedene Bildschirm- Auflösungen und somit muss man für jedes Gerät ein eigenes Layout erstellen, bzw das Layout so erstellen, dass sich dieses automatisch an alle Größen anpassen kann.

Einfaches Beispiel:
Hier werden die DIV Container auf eine Größe von 300px mal 300px eingestellt. Der Browser zeigt so viele DIV Container nebeneinander an, wie möglich. Reicht der Platz nicht mehr, so wird da nächste nach unten Verschoben.

Damit ein Mobiles Gerät die Webseite als Responsive Webseite öffnet, benötigt man im <head> die Zeile:

Damit öffnet der Gerät die Webseite in seiner eigenen Auflösung.

Die Auflösung vom Gerätedisplay (z.B 2560×1440 Pixel) hat nichts damit zu tun, wie es im Browser dargestellt wird. (Nicht zu vergleichen mit ein Computer)

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

*