CSS Media Queries: Auf Geräte und Browser reagieren

Webautoren haben verschiedene Möglichkeiten, den Geltungsbereich von CSS auf bestimmte Medien einzuschränken, sowohl bei der Einbindung eines Stylesheets als auch für bestimmte Regeln innerhalb des Stylesheets.

Mit CSS3 Media Queries ist es möglich, die Einbindung von CSS nicht nur von einem bestimmten Medium abhängig zu machen, sondern auch davon, ob das Medium oder Ausgabegerät bestimmte Merkmale aufweist oder nicht.

Webautoren können so beispielsweise auf die Breite des Browserfensters reagieren und ein Spaltenlayout auflösen, wenn die Breite für die mehrspaltige Darstellung nicht mehr ausreicht. Oder sie können spezielle Stylesheets für die Darstellung auf dem iPhone oder iPad bereit stellen, abhängig davon, wie das Gerät in der Hand gehalten wird. Das Gute daran ist, dass fast alle aktuellen Browser mit CSS Media Queries umgehen können!

Dieser Vortrag, den ich auf dem WordCamp in Berlin gehalten habe, führt ein in die Funktionsweise von CSS Media Queries und zeigt einige Anwendungsbeispiele.

• Über
• Letzte Artikel

Michael Jendryschik

Senior UX Manager bei KPS AG

Michael Jendryschik unterstützt bei der Konzeption und Entwicklung von individuellen, effizienten und beeindruckenden Software-Anwendungen. Er ist Informatiker, mehrfach zertifizierter Usability und Requirements Engineer und aktives Mitglied der German UPA. Hier schreibt er über Human-Centered Design, UX und Webtechnologie.

Letzte Artikel von Michael Jendryschik (Alle anzeigen)

• HCD-Reifegrad steigern und Human-Centered Design in einer Organisation etablieren - 21. Januar 2024
• CPUX-Zertifizierungen für UX-Professionals und alle, die es werden wollen - 28. Juni 2023
• Lean UX in Ihrem Unternehmen - 7. Februar 2021