DokuWiki

Changer la présentation selon le type de device.

@media screen {
//styles
}

@import url("styles.css") screen;

Le plus commun

<link rel="stylesheet" type="text/css" href="styles.css" media="screen, projection">

1. all
2. braille
3. embossed
4. handheld
5. print
6. projection
7. screen
8. speech
9. tty
10. tv

À noter que les mobiles supportent en général le screen media type, donc pas reliable.

Les média-queries permettent de combiner les media types avec les propriétés des médias afin d'impacter les styles sur la base de la couleur, largeur d'écran, ou d'autres facteurs.

link rel="stylesheet' href="desktop.css" media="[not | only ] screen [and (expression)"

1. width
2. height
3. device-width
4. device-height
5. orientation
6. aspect-ratio
7. color
8. color-index
9. monochrome
10. resolution
11. scan
12. grid

link rel="stylesheet" href="desktop.css" media="only-screen and (min-width:0px) and (max-width:480px)"