O'Reilly logo

CSS kurz & gut, 4th Edition by Eric A. Meyer

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Media-Queries

Mit Hilfe von Media-Queries können Sie die Medienumgebung definieren, in der ein bestimmtes Stylesheet vom Browser verwendet wird. In der Vergangenheit wurde dies durch den Einsatz von Medientypen erledigt, indem das media-Attribut für link-Elemente oder der Mediendeskriptor für @import-Deklarationen genutzt wurde. Media-Queries führen dieses Konzept weiter und ermöglichen es, Stylesheets anhand von Features eines bestimmten Medientyps auszuwählen.

Grundlegende Konzepte

Die Platzierung von Media-Queries wird jedem Autor, der jemals einen Medientyp gesetzt hat, sehr vertraut vorkommen. Hier zwei Möglichkeiten, ein externes Stylesheet anzuwenden, wenn das Dokument auf einem Farbdrucker dargestellt wird:

<link href="farbdruck.css" type="text/css" ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required