suit: Media Queries

Beitrag lesen

Vorweg: es wird nicht allein mit CSS möglich sein, da die Erkennung der Orientierung und die Veränderung der Größe des virutellen Viewports von diversen Touch- und Mobilgeräten mit CSS allein nicht möglich ist.

Beispiel(e)?

http://forum.de.selfhtml.org/archiv/2012/7/t210578/#m1435820

Zusammengefasst: du ermittelst mit den Media Queries was es zu ermitteln gibt und schreibst dies als pseudo-Element mit einem Schlüsselwort ins Dokument.

Diesen Wert liest du mit JavaScript und manipulierst dann den virtuellen Viewport auf deine Wunschvorstellung.

Diese beiden Teile müssen so früh wie möglich ausgeführt werden, damit der Viewport nicht "spring"

Die weitere Formatierung erfolgt dann im CSS.