Matthias Scharwies: bei kleinen viewports index.html und css austauschen

Beitrag lesen

Servus!

Hallo, schreib das erste mal in einen Thread.

Ich möchte eine Galerie, die ich im Internet gefunden habe, in meine Webseite einbauen. Die Bilder werden per horizontalen Maus-Scroll gezeigt. Ich habe nicht bemerkt, dass das scrollen auf Handys nicht funktioniert. Ich habe eine zweite Galerie gefunden, die auf kleinere Viewports einsetzbar ist.

Nun weiß ich nicht, wie man im Head die Größe des Viewports abfragt, um dann auf die entsprechende index.html mit der dazugehörigen CSS-Datei verweisen kann.

Das Konzept ist so, dass du

  • den Inhalt Deiner Webseite mit HTML EINMAL in der index.html auszeichnest
  • im CSS dann das Aussehen festlegst.
    • Dabei baust du dann Abfragen (Media_Queries) ein, die der Browser des Geräts dann entsprechend auswertet.

Ein Grundlagen-Artikel: CSS/Tutorials/Einstieg/Media_Queries

Herzliche Grüße

Matthias Scharwies

--
Einfach mal was von der ToDo-Liste auf die Was-Solls-Liste setzen.“