CSS/Media Queries
Aus SELFHTML-Wiki
< CSS
Mit Medienabfragen (Media Queries) können Sie die Darstellung eines Dokuments für verschiedene Ausgabemedien festlegen. Dabei wird ermittelt, welchen Medientyp (Bildschirm, Drucker) oder welche Medienmerkmale (z. B. Abmessungen oder Farbfähigkeit) oder welche bereits im Betriebssytem getroffene Benutzereinstellungen der Browser vorfindet.
Erfüllt das verwendete Ausgabemedium alle Kriterien einer Merkmalsabfrage, so wird die damit verknüpfte CSS-Ressource eingebunden.
- Medienabfragen einbinden
- Einbindung mehrerer Stylesheets im head
- Medienabfrage in der CSS-Ressource
- ein skalierbarer Viewport
- Gruppierung und Kombination
- Merkmalabfragen von
- diskreten Merkmalen
- Wertebereichsmerkmalen
- Medientypen
- all
- screen
- Medienmerkmale
- width
- height
- aspect-ratio
- orientation
- color
- color-index
- color-gamut
- display-mode
- monochrome
- pointer
- resolution
- scan
- grid
- Benutzereinstellungen
- prefers-color-scheme
- prefers-contrast
- prefers-reduced-motion
- prefers-reduced-transparency
- inverted-colors
- Container Queries
Siehe auch
- Print-CSS
- JavaScript: window.matchMedia