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.

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

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

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

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.

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

Es funktioniert sogar noch bei einer Breite unter 300 Pixel.

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

Jan van Leeuwen

Weitere Informationen bei www.stajl.at