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)`
|