https://github.com/stowball/Viewport-Genie

Adds the real viewport width and height (in px and em) as an element on the body to help with obtaining values for responsive breakpoints
https://github.com/stowball/Viewport-Genie

Last synced: 14 days ago
JSON representation

Adds the real viewport width and height (in px and em) as an element on the body to help with obtaining values for responsive breakpoints

• Host: GitHub
• URL: https://github.com/stowball/Viewport-Genie
• Owner: stowball
• License: mit
• Created: 2013-01-26T00:12:13.000Z (almost 12 years ago)
• Default Branch: master
• Last Pushed: 2013-09-02T06:44:17.000Z (about 11 years ago)
• Last Synced: 2024-08-01T17:37:28.667Z (3 months ago)
• Language: JavaScript
• Size: 93.8 KB
• Stars: 37
• Watchers: 3
• Forks: 4
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Viewport Genie

==============

### Adds the "real" viewport width and height (in px and em) as an element on the body to help with obtaining values for responsive breakpoints

Use it in conjunction with mqGenie (https://github.com/stowball/mqGenie) to trigger the correct breakpoints in non-WebKit browsers and Chrome/Blink since 29.0.1547.57.

---

**Usage:**

Use the bookmarklet to quickly get the viewport size on any page: http://stowball.github.io/Viewport-Genie

Or include `viewport.genie.min.js` in your page somewhere after the opening `` tag, and trigger it with a querystring parameter of `genie=true`