HTML und CSS/responsives Mehrspaltenlayout

Aus ZUM-Unterrichten
< HTML und CSS
Version vom 12. August 2019, 05:15 Uhr von Matthias Scharwies (Diskussion | Beiträge) (Zwischenstand)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)

responsives Webdesign

Schon längst werden Webseiten nicht nur am Schreibtisch, sondern auch auf mobilen Geräten mit kleinen Viewports angeschaut.

  1. Informiere Dich über responsives Webdesign
  2. Setze die Breiten so, dass die Inhalte auf allen Bildschirmen gut zu lesen sind.
  3. Mit media queries kannst Du verschiedene CSS-Regelsätze für verschiedene Breiten festlegen.

Media Queries

Grid Layout