CSS/Media Queries

Aus SELFHTML-Wiki
< CSS
Wechseln zu: Navigation, Suche

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.

 

  1. Medienabfragen einbinden
    • Einbindung mehrerer Stylesheets im head
    • Medienabfrage in der CSS-Ressource
    • ein skalierbarer Viewport
    • Gruppierung und Kombination
    • Merkmalabfragen von
      • diskreten Merkmalen
      • Wertebereichsmerkmalen
  2. Medientypen
    • all
    • print
    • screen
  3. Medienmerkmale
    • width
    • height
    • aspect-ratio
    • orientation
    • color
    • color-index
    • color-gamut
    • display-mode
    • monochrome
    • pointer
    • resolution
    • scan
    • grid
  4. Benutzereinstellungen
    • prefers-color-scheme
    • prefers-contrast
    • prefers-reduced-motion
    • prefers-reduced-transparency
    • inverted-colors
  5. Container Queries









Siehe auch

Quellen