Skip to content

Instantly share code, notes, and snippets.

@pixelbacon
Last active March 11, 2016 08:27
Show Gist options
  • Save pixelbacon/46a8d3911ab4c83ba6cb to your computer and use it in GitHub Desktop.
Save pixelbacon/46a8d3911ab4c83ba6cb to your computer and use it in GitHub Desktop.
Resizer config for Viewport-Resizer

Viewport Resizer is freagin awesome... But I always end up running my own set of sizes to represent modern breakpoints.

<a data-viewport="320x480" data-icon="mobile">Apple iPhone, iPod Touch</a>
<a data-viewport="320x568" data-icon="mobile" data-version="5">Apple iPhone 5</a>
<a data-viewport="375x667" data-icon="mobile" data-version="6">Apple iPhone 6</a>
<a data-viewport="414x736" data-icon="mobile" data-version="6+">Apple iPhone 6+</a>
<a data-viewport="600x1024" data-icon="tablet">600 (Small Tablet)</a>
<a data-viewport="768x1024" data-icon="tablet">Apple iPad</a>
<a data-viewport="1280×720" data-icon="tv">1280 (720p)</a>
<a data-viewport="1280x800" data-icon="laptop">1280</a>
<a data-viewport="1600x1200" data-icon="laptop">1600</a>
<a data-viewport="1440×1080" data-icon="tv">1440 (1080i)</a>
<a data-viewport="1920×1080" data-icon="tv">1920 (1080p)</a>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment