Forum Details - von Webbausteine.de
Forum Thema erstellen Suche Regeln
Thema: Responsives Design in NOF
1 Beitrag
- 1 Tommy schrieb am Sonntag, den 28 September 2014 um 06:55 Uhr - Zitat
Hier ein Beispiel für ein responsives Design, das mittels NOF erstellt wurde. Dies wurde ausschließlich mit CSS erreicht.
Es wurde ein unterer Layoutbereich mit einer festen Position im Browser-Fenster erstellt, der immer horizontal und vertikal zentriert positioniert bleibt, egal mit welchem Browser und egal mit welchem Betriebssystem.
Das funktioniert ebenso auf mobilen Geräten, wie dem Smartphone oder dem Tablet (iOS oder Android).
Der obere Layoutbereich wurde scrollbar gemacht und der Scrollbalken vom Browser-Fenster erscheint nicht, da sich das Layout selbst responsive verkleinert.
Diese Beispiel-Seite kann ein mobiles Gerät erkennen und stellt die Anzeige automatisch auf den entsprechenden Viewport um.
Beim Zusammenschieben (verkleinern) des Browser-Fensters, wird auch der Inhalt zusammengeschoben. Ebenso verkleinern sich die Bilder entsprechend.
Hier einige unterschiedliche Beispiele und mein Tutorial.
Antwort erstellen Startseite