Awesome Open Source
Awesome Open Source

Understanding viewport

This is a set of simple HTML pages with various viewport and media query settings, that help me (and hopefully you as well) to better understand the working of the viewport meta tag and its @viewport CSS-based counterpart. You can find a live version on


I made a presentation using these templates, which explains the working of the viewport mechanism, media queries, and more:


Thanks to Patrick H. Lauke for the grid image and report.js code.

Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Presentation (10,257
Education (7,636
Viewport (1,970