Skip to content

Instantly share code, notes, and snippets.

@ijse

ijse/dynamic-viewport.js

Created August 10, 2016 07:15
Download ZIP

Revisions

  1. ijse created this gist Aug 10, 2016.
    12 changes: 12 additions & 0 deletions dynamic-viewport.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,12 @@
    (function (doc, win) {
    var docEl = doc.documentElement,
    resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
    recalc = function () {
    var clientWidth = docEl.clientWidth;
    if (!clientWidth) return;
    docEl.style.fontSize = 36 * (clientWidth / 320) + 'px';
    };
    if (!doc.addEventListener) return;
    win.addEventListener(resizeEvt, recalc, false);
    doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);