Eine „Media Query“ ist eine CSS-Technik, die es ermöglicht, das Layout und Design einer Webseite an verschiedene Bildschirmgrößen und Gerätetyp anzupassen. Sie wird verwendet, um unterschiedliche CSS-Regeln basierend auf bestimmten Bedingungen wie der Breite, Höhe, Auflösung oder Ausrichtung des Geräts anzuwenden. Ein einfaches Beispiel für eine Media Query in CSS: ```css /* Standard-Stile für alle Geräte */ body { background-color: white; color: black; } /* Stile für Geräte mit einer maximalen Breite von 600px */ @media (max-width: 600px) { body { background-color: lightblue; } } ``` In diesem Beispiel wird der Hintergrund der Webseite auf Geräten mit einer Breite von maximal 600 Pixeln auf hellblau gesetzt, während er auf größeren Geräten weiß bleibt. Media Queries sind ein zentraler Bestandteil des Responsive Web Designs.