| default |
`only screen` |
| small |
`only screen` |
| small-only |
`only screen and (max-width: 40em) /* 0, 640px */` |
| medium |
`only screen and (min-width: 40.063em) /* 641px */` |
| medium-only |
`only screen and (min-width: 40.063em) and (max-width: 64em) /* 641px, 1024px */` |
| large |
`only screen and (min-width: 64.063em) /* 1025px */` |
| large-only |
`only screen and (min-width: 64.063em) and (max-width: 90em) /* 1025px, 1440px */` |
| xlarge |
`only screen and (min-width: 90.063em) /* 1441px */` |
| xlarge-only |
`only screen and (min-width: 90.063em) and (max-width: 120em) /* 1441px, 1920px */` |
| xxlarge |
`only screen and (min-width: 120.063em) /* 1921px */` |
| landscape |
`only screen and (orientation: landscape)` |
| portrait |
`only screen and (orientation: portrait)` |
| retina (4.2.1) |
`only screen and (-webkit-min-device-pixel-ratio: 2),`
`only screen and (min--moz-device-pixel-ratio: 2),`
`only screen and (-o-min-device-pixel-ratio: 2/1),`
`only screen and (min-device-pixel-ratio: 2),`
`only screen and (min-resolution: 192dpi),`
`only screen and (min-resolution: 2dppx)`
|