Media Queries - Resolution

La densité de pixel pour l'appareil d'affichage. http://pieroxy.net/blog/2012/10/18/media_features_of_the_most_common_devices.html

@media screen and (resolution: 72dpi)
résolution
72 dpi
96 dpi
120 dpi
150 dpi
150 dpi
160 dpi
200 dpi
240 dpi
300 dpi
320 dpi
600 dpi

Densité

@media screen and (resolution: 1dppx)
densité
1 dppx
1.5 dppx
2 dppx
3 dppx

Pointeur de saisie

La fonctionnalité pointer est utilisée pour interroger la présence et la précision d'un périphérique de pointage tel qu'une souris. Si plusieurs périphériques de pointage sont présents, la fonctionnalité pointer doit refléter les caractéristiques du périphérique de pointage «principal», telles que déterminées par le navigateur.
Pour interroger les capacités de tous les périphériques de pointage disponibles, voir la fonctionnalité any-pointeur.
Ajoutée avec le niveau 4 du module de spécification Media Queries.

@media (pointer: none)
pointer
none
fine
coarse
any pointer
none
fine
coarse
thème de couleur
none
fine
coarse
none
fine
coarse

Orientation

orientation
portrait
landscape

Couleurs

monochrome

color

Le nombre de bits pour chaque composante de couleur pour l'appareil d'affichage (ou 0 si l'appareil ne gère pas la couleur).

@media (color:0) { /* pas de prise en charge de la couleur */ }
@media (color) { /* prise en chage de la couleur */ }
@media (min-color:8) { /* au moins 8 bits par composante de couleur RVB */ }
couleur
sans
avec
8 bits / canal

color-index

Le nombre d'éléments dans la palette de couleur de l'appareil (ou 0 si l'appareil ne dispose pas d'un tel tableau)

@media (color-index:0) { /* pas de prise en charge de la couleur */ }
@media (color-index) { /* prise en chage de la couleur */ }
@media (color-index:8) { /* au moins 8 bits par composante de couleur RVB */ }
couleur
sans
avec
256 couleurs

inverted-colors

L'inversion des couleurs par l'agent utilisateur ou le système d'exploitation.

@media (inverted-colors:0) { /* pas d'inversion des couleurs */ }
@media (inverted-colors) { /* prise en chage de la couleur */ }
inversion
sans
avec

Ratio

@media (device-aspect-ratio: 40/71)
ratio
40/71 0,563
2/3 0,667
3/4 0,75
4/3 1,333
3/2 1,5
16/10 1,6
16/9 1,778