Media types
@media all
@media braille
@media embossed
@media handheld
@media print
@media projection
@media screen
@media speech
@media tty
@media tv
Browser characteristics
@media (max-width: 320px)
@media (min-width: 321px) and (max-width: 959px)
@media (min-width: 960px)
@media (max-height: 400px)
@media (min-height: 401px) and (max-height: 999px)
@media (min-height: 1000px)
@media (orientation: portrait)
@media (orientation: landscape)
@media (max-aspect-ratio: 1/1)
@media (aspect-ratio: 1/1)
@media (min-aspect-ratio: 1/1)
Device characteristics
@media (max-device-width: 320px)
@media (min-device-width: 321px) and (max-device-width: 1023px)
@media (min-device-width: 1024px)
@media (max-device-height: 480px)
@media (min-device-height: 481px) and (max-device-height: 767px)
@media (min-device-height: 768px)
@media (max-device-aspect-ratio: 16/9)
@media (device-aspect-ratio: 16/9)
@media (min-device-aspect-ratio: 16/9)
@media (max-resolution: 50dpi)
@media (min-resolution: 50dpi) and (max-resolution: 150dpi)
@media (min-resolution: 150dpi)
@media (color: 0)
@media (min-color: 1) and (max-color: 7)
@media (min-color: 8)
@media (color-index: 0)
@media (min-color-index: 1) and (max-color-index: 7)
@media (min-color-index: 8)
@media (monochrome: 0)
@media (min-monochrome: 1) and (max-monochrome: 7)
@media (min-monochrome: 8)
@media (scan: progressive)
@media (scan: interlace)
@media (grid: 0)
@media (grid: 1)