CSS-Media-Queries


Ein Ausgabemedium lässt sich anhand verschiedener Kriterien wie Medientyp (z.B. Bildschirm, Drucker) und Medieneigenschaften (z.B. (Bildschirmbreite, Pixeldichte) festmachen. So lässt sich mit der Vorgabe "@media screen and (max-width:500px) { a { font-size:20px }}" festlegen, dass Hyperlinks ab einer Bildschirmbreite von unter 501 Pixel (sog. Breakpoint) eine Schriftgröße von 20 Pixeln besitzen sollen. Media Queries sind Teil der CSS3 Spezifikation und Grundlage für Responsive Design.