permalink

5

iX-Artikel: Allen recht – Geräteabhängige Stilvorgaben mit CSS Media Queries

iX 09/2010

Anfang Juli habe ich auf dem Word­Camp eine Ses­sion über CSS Media Que­ries gehal­ten: CSS Media Que­ries: Auf Geräte und Brow­ser rea­gie­ren steht als Prä­sen­ta­tion zur Verfügung.

Damals habe ich ange­kün­digt, dass in einer der kom­men­den Aus­ga­ben der iX mein Arti­kel zu die­sem Thema erschei­nen wird. In der aktu­el­len Aus­gabe 09/2010 auf den Sei­ten 122–124 ist es nun soweit. Der Arti­kel trägt den Titel »Allen recht – Gerä­te­ab­hän­gige Stil­vor­ga­ben mit CSS Media Que­ries« und ist par­al­lel als iX Online-Artikel erschienen.

Die Zusam­men­fas­sung im iX-Tract:

  • Ver­sion 3 der Casca­ding Style­s­heets ent­hält ein Modul, mit des­sen Hilfe Web­de­si­gner die Aus­lie­fe­rung des Inhalts von der Art des anfra­gen­den Geräts abhän­gig machen können.
  • Außer zwi­schen Bild­schirm und Hand­held zu unter­schei­den, kann man das Style­s­heet etwa nach Größe des Dis­plays oder des­sen Aus­rich­tung (hoch oder quer) auswählen.
  • Viele Brow­ser kön­nen schon heute Media Que­ries ver­ar­bei­ten, der Inter­net Explo­rer soll mit Ver­sion 9 nachziehen.

Sie kön­nen den Arti­kel hier kom­men­tie­ren. Ich freue mich auf Ihre Anmer­kun­gen und Diskussionen!

5 Kommentare

  2. Günter 19.08.2010 um 08:13 Antworten

    Hallo Michael,

    erst ein mal ein Lob für den tol­len Arti­kel. Eine schöne Zusam­men­fas­sung der Media Que­rys. Fol­gen­der Satz hat mich aber ein paar Minu­ten gekos­tet. Kann aber auch daran lie­gen das es noch sehr früh ist.

    Wenn alle Bedin­gun­gen einer Media Query (ohne die Nega­tion) zutref­fen, sorgt es dafür, dass das Style­s­heet nicht gela­den wird; wenn sie nicht zutref­fen, sorgt not dafür, dass es gela­den wird.

    Gruß
    Günter

    • Michael Jendryschik 19.08.2010 um 09:15 Antworten

      not kehrt den logi­schen Aus­druck um. Der Satz sollte deut­li­cher lau­ten: Wenn alle Bedin­gun­gen einer Media Query (ohne die Nega­tion) zutref­fen, sorgt not dafür, dass das Style­s­heet nicht gela­den wird; wenn sie nicht zutref­fen, sorgt not dafür, dass es gela­den wird. – Jetzt klar?

      • Günter 19.08.2010 um 09:24 Antworten

        Ja alles klar. War es mir, nach mehr­fa­chem lesen, auch vor­her schon. Aber so ist der Satz direkt leich­ter ver­ständ­lich. Wie gesagt kann auch daran gele­gen haben das ich noch kei­nen Kaf­fee hatte :-)

  3. Pingback: Webkrauts » S6 – Präsentationen aus der Hosentasche

Hinterlasse eine Antwort

Pflichtfelder sind mit * markiert.

*