@media queries Live CSS media query results for the current browser TOC Media types Dimensions Capabilities Media types (CSS2) @media all @media braille @media embossed @media handheld @media projection @media print @media screen @media speech @media tty @media tv @media screen,projection,tv Dimensions (CSS3/CSS4) width () @media (min-width:0) @media (min-width:30em) @media (min-width:480px) height () @media (min-height:0) @media (min-height:30em) @media (min-height:480px) device-width () @media (min-device-width:0) @media (min-device-width:30em) @media (min-device-width:480px) device-height () @media (min-device-height:0) @media (min-device-height:30em) @media (min-device-height:480px) orientation @media (orientation:portrait) @media (orientation:landscape) aspect-ratio @media (aspect-ratio: 16/9) @media (aspect-ratio: 3/2) device-aspect-ratio @media (device-aspect-ratio: 16/9) @media (device-aspect-ratio: 3/2) Capabilities (CSS3/CSS4) color @media (color) @media (min-color:2) color-index @media (color-index) @media (min-color-index:256) monochrome @media (monochrome) @media (min-monochrome:2) resolution @media (min-resolution:48dpi) @media (min-resolution:96dpi) @media (min-resolution:120dpi) @media (min-resolution:144dpi) @media (min-resolution:18dpcm) @media (min-resolution:37dpcm) @media (min-resolution:47dpcm) @media (min-resolution:56dpcm) @media (min-resolution:.5dppx) @media (min-resolution:1dppx) @media (min-resolution:1.2dppx) @media (min-resolution:1.5dppx) @media (min-resolution:2dppx) @media (min-resolution:2.5dppx) device-pixel-ratio @media (-o-min-device-pixel-ratio:1/2) @media (-o-min-device-pixel-ratio:1/1) @media (-o-min-device-pixel-ratio:5/4) @media (-o-min-device-pixel-ratio:3/2) @media (-o-min-device-pixel-ratio:2/1) @media (-o-min-device-pixel-ratio:5/2) @media (-webkit-min-device-pixel-ratio:.5) @media (-webkit-min-device-pixel-ratio:1) @media (-webkit-min-device-pixel-ratio:1.2) @media (-webkit-min-device-pixel-ratio:1.5) @media (-webkit-min-device-pixel-ratio:2) @media (-webkit-min-device-pixel-ratio:2.5) scan @media (scan:progressive) @media (scan:interlace) grid @media (grid) script @media (script) pointer @media (pointer:none) @media (pointer:coarse) @media (pointer:fine) hover @media (hover) luminosity @media (luminosity:dim) @media (luminosity:normal) @media (luminosity:washed)