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" ...
Get CSS kurz & gut, 4th Edition now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
