RESPONSIVES DESIGN FÜR TEMPLATE BASIC 4

Basic 4 responsive

 

Im Prinzip muss man nur wissen, welche Abmessungen das Gerät und der Bildschirm hat. Danach fügt man für jedes Gerät, welches man ansprechen möchte, in der CSS Datei ein entsprechendes Media Query hinzu, mit den gegebenen Abmessungen.

Ich habe hier nur drei Abmessungen eingefügt:

  • Desktop Version
  • iPad Version
  • iPhone Version

Es funktioniert auch auf dem Kindle und Samsung Android .

view demo

 

TIPP:

Rechts mit der Maus den Bildschirm verkleinern. Wenn mann mit der Maus dann an die rechte Kante der Seite fährt, verändert sich der Pfeil zu einem Doppelpfeil. Damit kann man dann den Bildschirm in der Breite kleiner und größer ziehen. Dabei verändert sich dann die Webseite in der Anpassung an die Größe des Bildschirmes ( responsive ).

LINKS, WELCHE SIE NOCH INTERESSIEREN KÖNNTEN:

Template Basic 4

Dies ist nur ein Gravatar ♥ pure intuition

Blogartikel von mediendesign-quer. WordPress, Webdesign, Social Media .. Alle Neuigkeiten erfahren >> Werde Fan auf Facebook und Google +

 

Veröffentlicht in Kategorie: Basic 4



Next Post →