La page fait 640px de largeur au maximum@media screen and (max-width: 640px)
La page fait 800px de largeur au minimum@media screen and (min-width: 800px)
La page fait entre 1024 et 1280px de largeur@media screen and (min-width: 1024px) and (max-width: 1280px)
L'appareil fait 480px de largeur au maximum@media screen and (max-device-width: 480px)
La page a un ratio minimum de 16/9 (1.78)@media screen and (min-aspect-ratio: 16/9)
La page a un ratio minimum de 3/4 (0.75)@media screen and (aspect-ratio: 3/4)
La résolution de au minimum de 2@media screen and (min-resolution: 2dppx)
Print
La page est A5@media print and (max-width: 14.8cm)
La page est A4@media screen and (orientation:landscape)

Device ratio

40/710,563@media screen and (device-aspect-ratio: 40/71)
3/40,75@media screen and (device-aspect-ratio: 3/4)
4/31,333@media screen and (device-aspect-ratio: 4/3)
2/30,667@media screen and (device-aspect-ratio: 2/3)
3/21,5@media screen and (device-aspect-ratio: 3/2)
16/101,6@media screen and (device-aspect-ratio: 16/10)
16/91,778@media screen and (device-aspect-ratio: 16/9)

Orientation

La page est orientée en portrait
@media screen and (orientation:portrait)


La page est orientée en paysage
@media screen and (orientation:landscape)







Resolution

http://pieroxy.net/blog/2012/10/18/media_features_of_the_most_common_devices.html



72 dpi
@media screen and (min-resolution: 72dpi)


96 dpi
@media screen and (min-resolution: 96dpi)


120 dpi
@media screen and (min-resolution: 120dpi)


150 dpi
@media screen and (min-resolution: 150dpi)


200 dpi
@media screen and (min-resolution: 200dpi)


300 dpi
@media screen and (min-resolution: 300dpi)


600 dpi
@media screen and (min-resolution: 600dpi)





Resolution




1 dppx
@media screen and (min-resolution: dppx)


1.3 dppx
@media screen and (min-resolution: dppx)


1.5 dppx
@media screen and (min-resolution: dppx)


2 dppx
@media screen and (min-resolution: dppx)


3 dppx
@media screen and (min-resolution: dppx)




https://bjango.com/articles/min-device-pixel-ratio/

media_query_list:  [,  ]*
media_query: [[only | not]?  [ and  ]*]
  |  [ and  ]*
expression: (  [: ]? )
media_type: all | aural | braille | handheld | print |
  projection | screen | tty | tv | embossed
media_feature: width | min-width | max-width
  | height | min-height | max-height
  | device-width | min-device-width | max-device-width
  | device-height | min-device-height | max-device-height
  | aspect-ratio | min-aspect-ratio | max-aspect-ratio
  | device-aspect-ratio | min-device-aspect-ratio | max-device-aspect-ratio
  | color | min-color | max-color
  | color-index | min-color-index | max-color-index
  | monochrome | min-monochrome | max-monochrome
  | resolution | min-resolution | max-resolution
  | scan | grid

Bootstrap

	
XS

	
SM > 768px container = 750px

	
MD  viewport > 992px container = 970px

	
LG viewport > 1200px container = 1170px