foundation-sites-5
Version:
**This package is only for versions 5 and earlier of Foundation. As of version 6, the package has a new name: `foundation-sites`.**
68 lines • 1.88 kB
HTML
<table>
<thead>
<tr>
<th>Name</th>
<th>Media Query</th>
</tr>
</thead>
<tbody>
<tr>
<td>default</td>
<td>`only screen`</td>
</tr>
<tr>
<td>small</td>
<td>`only screen`</td>
</tr>
<tr>
<td>small-only</td>
<td>`only screen and (max-width: 40em) /* 0, 640px */`</td>
</tr>
<tr>
<td>medium</td>
<td>`only screen and (min-width: 40.063em) /* 641px */`</td>
</tr>
<tr>
<td>medium-only</td>
<td>`only screen and (min-width: 40.063em) and (max-width: 64em) /* 641px, 1024px */`</td>
</tr>
<tr>
<td>large</td>
<td>`only screen and (min-width: 64.063em) /* 1025px */`</td>
</tr>
<tr>
<td>large-only</td>
<td>`only screen and (min-width: 64.063em) and (max-width: 90em) /* 1025px, 1440px */`</td>
</tr>
<tr>
<td>xlarge</td>
<td>`only screen and (min-width: 90.063em) /* 1441px */`</td>
</tr>
<tr>
<td>xlarge-only</td>
<td>`only screen and (min-width: 90.063em) and (max-width: 120em) /* 1441px, 1920px */`</td>
</tr>
<tr>
<td>xxlarge</td>
<td>`only screen and (min-width: 120.063em) /* 1921px */`</td>
</tr>
<tr>
<td>landscape</td>
<td>`only screen and (orientation: landscape)`</td>
</tr>
<tr>
<td>portrait</td>
<td>`only screen and (orientation: portrait)`</td>
</tr>
<tr>
<td>retina <small>(4.2.1)</small></td>
<td>`only screen and (-webkit-min-device-pixel-ratio: 2),`<br>
`only screen and (min--moz-device-pixel-ratio: 2),`<br>
`only screen and (-o-min-device-pixel-ratio: 2/1),`<br>
`only screen and (min-device-pixel-ratio: 2),`<br>
`only screen and (min-resolution: 192dpi),`<br>
`only screen and (min-resolution: 2dppx)`
</td>
</tr>
</tbody>
</table>