Aus dem Kurs: HTML5 Grundkurs

Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.

Media Queries

Media Queries

Als Erstes interessiert uns das Thema Media Queries, ist eine W3C Recommendation bereits seit Juni 2012. Das ist eigentlich richtig alt, aber das ist rund um CSS, gerade für moderne Anwendungen, die auf großen Bildschirmen wie auch auf kleinen Handydisplays irgendwie möglichst akzeptabel aussehen sollten, eine zentrale Technologie und deswegen eine Einführung im Schnelldurchlauf. Ich erstelle eine neue Datei. Ich nenne die mal media, für Media Queries. Nicht zu verwechseln mit Medien wie Audio und Video -- das hatten wir uns ja schon zu Gemüte geführt -- und deswegen schreibe ich hier auch "Media Queries" in den head-Abschnitt. Und im body-Abschnitt habe ich irgendein div-Element mit irgend einer ID. Ich sage jetzt erst mal "kasten", weil es ist ja ein Kasten, na ja, nehmen wir vielleicht einen etwas freundlicheren Begriff, "box". So, und jetzt kann ich ja per CSS dieser box bestimmte Stile geben. Also, ich könnte jetzt sagen, box und diese box bekommt dann irgendeine Breite, sagen…

Inhalt