Forum Details - von Webbausteine.de

Thema im Detail.

zu unserem NOF-Forum



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.



✘ Bild nicht gefunden

Antwort erstellenStartseite

 

Tutorials von Thomas Frei-Herrmann

diese Seite weiter empfehlen


Counter Statistik