Media Queries

Media Queries sind Teil einer Unterkategorie des modernen Webdesigns, die als sogenanntes “Responsive Webdesign” bezeichnet werden. Media Queries stellen eine Möglichkeit dar, mit Hilfe von CSS im Rahmen eines Stylesheets bestimmte Eigenschaften abzufragen, die das verwendete Gerät auszeichnen. Hier geht es vor allem um spezifische Eigenschaften des Bildschirms. Also zum Beispiel seine genauen Abmessungen, seine Auflösung oder auch die Frage, ob Inhalte im Querformat oder im Hochformat abgebildet werden.

Media Queries dienen, wie die meisten anderen Elemente des Webdesigns dazu, die gerade zu bearbeitende Webseite zu optimieren. Auf diese Weise kann die Seite dann an unterschiedliche Gegebenheiten, wie zum Beispiel unterschiedliche Größen des verwendeten Bildschirms oder auch an unterschiedliche mobile Displays angepasst werden.

Ihren Ursprung fanden die Media Queries im “Medientyp” in CSS2. Mit diesem war es allerdings noch nicht möglich, die genauen Eigenschaften der verwendeten Geräte herauszufinden. Ihre momentane Relevanz erhalten die Media Queries vor allem durch die stark zugenommene Verwendung von Smartphones und mobilen Tablets. Eine Webseite sollte auf einem Smartphone oder einem Tablet wie dem iPad genauso gut dargestellt werden wie auf einem herkömmlichen großen Bildschirm.

Back