Anzeige
Anfang Juli habe ich auf dem WordCamp eine Session über CSS Media Queries gehalten: CSS Media Queries: Auf Geräte und Browser reagieren steht als Präsentation zur Verfügung.
Damals habe ich angekündigt, dass in einer der kommenden Ausgaben der iX mein Artikel zu diesem Thema erscheinen wird. In der aktuellen Ausgabe 09/2010 auf den Seiten 122–124 ist es nun soweit. Der Artikel trägt den Titel »Allen recht – Geräteabhängige Stilvorgaben mit CSS Media Queries« und ist parallel als iX Online-Artikel erschienen.
Die Zusammenfassung im iX-Tract:
- Version 3 der Cascading Stylesheets enthält ein Modul, mit dessen Hilfe Webdesigner die Auslieferung des Inhalts von der Art des anfragenden Geräts abhängig machen können.
- Außer zwischen Bildschirm und Handheld zu unterscheiden, kann man das Stylesheet etwa nach Größe des Displays oder dessen Ausrichtung (hoch oder quer) auswählen.
- Viele Browser können schon heute Media Queries verarbeiten, der Internet Explorer soll mit Version 9 nachziehen.
Sie können den Artikel hier kommentieren. Ich freue mich auf Ihre Anmerkungen und Diskussionen!
Die ersten 3 Ausgaben hab ich das noch mit nem Javascript gemacht, im Mai die 4te erstmalig mit Media Queries. Also hier ein etwas älteres Praxisbeispiel.
Hallo Michael,
erst ein mal ein Lob für den tollen Artikel. Eine schöne Zusammenfassung der Media Querys. Folgender Satz hat mich aber ein paar Minuten gekostet. Kann aber auch daran liegen das es noch sehr früh ist.
Gruß
Günter
notkehrt den logischen Ausdruck um. Der Satz sollte deutlicher lauten: Wenn alle Bedingungen einer Media Query (ohne die Negation) zutreffen, sorgtnotdafür, dass das Stylesheet nicht geladen wird; wenn sie nicht zutreffen, sorgtnotdafür, dass es geladen wird. – Jetzt klar?Ja alles klar. War es mir, nach mehrfachem lesen, auch vorher schon. Aber so ist der Satz direkt leichter verständlich. Wie gesagt kann auch daran gelegen haben das ich noch keinen Kaffee hatte :-)
Pingback: Webkrauts » S6 – Präsentationen aus der Hosentasche