CSS Media Queries Auf Geräte und Browser reagieren Michael Jendryschik

aural für Sprachbrowser

braille für Ausgabegeräte mit Braillezeile

embossed für Brailledrucker

handheld für Handcomputer und Mobiltelefone

print für Drucker

projection für Projektoren

screen für Computermonitore

tty für Ausgabemedien mit Festbreitenschrift

tv für Fernseher

CSS Media Queries: Grundlagen und Syntax

screen and (max-width: 300px ) Wert screen and ( max-width : 300px) Merkmal screen and ( max-width: 300px ) Ausdruck screen and (max-width: 300px) Verknüpfung screen and (max-width: 300px) Medientyp screen and (max-width: 300px) Media Query Beispiel Bezeichnung

CSS3 Media Queries Medienmerkmale

Höhe des Geräts Ja device-height Breite des Geräts Ja device-width Höhe der Anzeigefläche Ja height Breite der Anzeigefläche Ja width Beschreibung min/max Merkmal

Ausrichtung des Geräts Nein orientation Verhältnis der Merkmale device-width und device-height Ja device-aspect-ratio Verhältnis der Merkmale width und height Ja aspect-ratio Beschreibung min/max Merkmal

Anzahl der Bits pro Pixel im Bildspeicher eines einfarbigen Geräts Ja monochrome Anzahl der Einträge in der Farb-Lookup-Tabelle des Geräts Ja color-index Farbtiefe des Geräts Ja color Beschreibung min/max Merkmal

Browserkompatibilität