CSS3 Media Queries overview
Below is an overview of most of the CSS3 media queries. You can find what queries your browser support and better support your devices.
| # | Query | |
|---|---|---|
| 1 | YESNO | @media all |
| 2 | YESNO | @media screen |
| 3 | YESNO | @media handheld |
| 4 | YESNO | @media aural |
| 5 | YESNO | @media braille |
| 6 | YESNO | @media embossed |
| 7 | YESNO | @media projection |
| 8 | YESNO | @media tty |
| 9 | YESNO | @media tv |
| 10 | YESNO | @media print |
| 11 | YESNO | @media 3d-glasses |
| 12 | YESNO | @media all and (orientation:landscape) |
| 13 | YESNO | @media all and (orientation:portrait) |
| 14 | YESNO | @media screen and (min-width : 320px) |
| 15 | YESNO | @media screen and (min-width : 480px) |
| 16 | YESNO | @media screen and (min-width : 1224px) |
| 17 | YESNO | @media screen and (min-width : 1824px) |
| 18 | YESNO | @media screen and (min-width : 29em) |
| 19 | YESNO | @media screen and (min-width : 35em) |
| 20 | YESNO | @media all and (device-aspect-ratio: 2/3) |
| 21 | YESNO | @media all and (device-aspect-ratio: 4/3) |
| 22 | YESNO | @media all and (device-aspect-ratio: 3/4) |
| 23 | YESNO | @media all and (device-aspect-ratio: 3/5) |
| 24 | YESNO | @media all and (device-aspect-ratio: 5/3) |
| 25 | YESNO | @media all and (device-aspect-ratio: 8/5) |
| 26 | YESNO | @media all and (device-aspect-ratio: 15/9) |
| 27 | YESNO | @media all and (device-aspect-ratio: 9/16) |
| 28 | YESNO | @media all and (device-aspect-ratio: 256/135) |
| 29 | YESNO | @media all and (-webkit-device-pixel-ratio: .75) |
| 30 | YESNO | @media all and (-webkit-device-pixel-ratio: 1) |
| 31 | YESNO | @media screen and (-o-device-pixel-ratio: 1/1) |
| 32 | YESNO | @media screen and (resolution: 96dpi) |
| 33 | YESNO | @media screen and (-webkit-min-device-pixel-ratio: 1.3) |
| 34 | YESNO | @media screen and (-webkit-device-pixel-ratio: 1.5), screen and (resolution: 96dpi) |
| 35 | YESNO | @media all and (-webkit-device-pixel-ratio: 1.5) |
| 36 | YESNO | @media screen and (-o-device-pixel-ratio: 3/2) |
| 37 | YESNO | @media screen and (resolution: 144dpi) |
| 38 | YESNO | @media screen and (-webkit-device-pixel-ratio: 1.5), screen and (resolution: 144dpi) |
| 39 | YESNO | @media all and (-webkit-min-device-pixel-ratio: 2) |
| 40 | YESNO | @media screen and (min-resolution: 192dpi) |
| 41 | YESNO | @media screen and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) |
| 42 | YESNO | @media screen and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) |
| 43 | YESNO | @media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1) |
| 44 | YESNO | @media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) |