Einbindung von CSS (link, @media)

• abhängig vom Medium (all, screen, print, speech/aural, braille, handheld, tty, tv, ...)
• abhängig vom Merkmalen der Medien (width, height, orientation, resolution, , …)

Formale Grammatik:

• MediaQuery: [ [only | not]? <Medientyp> [ and <Ausdruck> ]*]
• Medientyp: all | aural/speech | …
• Ausdruck: width | min-width, max-width, height, …

Mehrere Queries miteinander kombinieren

• @import url(…) screen, projection, ..
• @import url(…) screen and (min-width:320px, …), projection and (height: 300px, ..)

Links:

• http://www.w3.org/TR/css3-mediaqueries/
• ?? http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries