Wie es in der Praxis aussieht, kann mit der Webseite von Johannes Biebl GmbH gezeigt werden.

Unten ist zu sehen was passiert, wenn man das Browserfenster immer schmaller macht.
Sie sehen alle sechs Bildschirmabzüge mit Icons auf meinem Rechner.
Um einfacher vergleichen zu können habe ich bei großen Bildern die Icons ausgeschaltet.

6 Bildschirmen


Bei full HD Resolution mit 1920 Pixel Breite nutzt man eine etwas größere Schrift.

Bildschirm full HD, 1920px breit


Wird das Browserfenster schmaller, dann skalieren alle Elementen und der Schrift wird etwas kleiner.

6 Bildschirmen


Drohen linke und rechte Spalte zu schmall zu werden, dann vergrößert man der relative Breite der Spalten.

6 Bildschirmen


Wird es zu schmall, dann springt der Inhalt von Spalten in Blöcke unter den Text. Dazu erscheint ein grünes Telefon-Symbol auf dem man klicken kann, wenn man ein Smartphone nutzt, dann wird die Nummer sofort gewählt.

6 Bildschirmen


Weil das Menü dann verschwindet, gibt es ein aufklapbares Menü, der blaue Balken.

6 Bildschirmen


Es funktioniert sogar noch bei einer Breite unter 300 Pixel.

6 Bildschirmen

Sie können es selber probieren, wenn Sie die Webseite von Johannes Biebl GmbH besuchen.

Jan van Leeuwen

Weitere Informationen bei www.stajl.at