vw-polyfill.min.js

/** vw-polyfill[https://github.com/RaySnow/vw-polyfill] by hupo@fanhaoyue.com MIT **/!function () {
  function i(e, t) {
    if (e.type && (e.type = "text/css"), e.styleSheet) return e.styleSheet.cssText = t;
    t = document.createTextNode(t);
    e.appendChild(t)
  }

  function e() {
    function d(t) {
      var n = /([+-]?[0-9.]+)vw/, e = document.createElement("style"), o = t.match(/([+-]?[0-9.]+)vw/g);
      o && (o.forEach(function (e) {
        t = t.replace(n, e.replace("vw", "rem"))
      }), i(e, t), (document.head || document.getElementsByTagName("head")[0]).appendChild(e))
    }

    var e = document.getElementsByTagName("link"), t = document.getElementsByTagName("style"), n = [].forEach;
    n.call(t, function (e) {
      d(e.textContent)
    }), n.call(e, function (e) {
      var t, n, o;
      t = e.href, n = function () {
        d(this.responseText)
      }, (e = new XMLHttpRequest).open("GET", t, !0), e.onload = n, e.onerror = o, e.send()
    })
  }

  function a() {
    try {
      n = document.documentElement, t(), window.addEventListener("resize", t), window.addEventListener("pageshow", function (e) {
        e.persisted && t()
      }), e()
    } catch (e) {
      void 0
    }

    function t() {
      var e = n.clientWidth / 100;
      n.style.fontSize = e + "px"
    }

    var n
  }

  function t() {
    try {
      if (!window) return;
      var t = document.body, n = document.getElementsByTagName("head")[0], o = document.createElement("div"),
        d = document.createElement("style"), c = parseInt(window.innerWidth / 2, 10);
      o.id = "testVw", t.appendChild(o), n.appendChild(d), i(d, "#testVw {  width: 50vw; }"), setTimeout(function () {
        var e;
        parseInt((e = o, window.getComputedStyle ? getComputedStyle(e, null) : e.currentStyle).width, 10) === c && a(), t.removeChild(o), n.removeChild(d)
      }, 1)
    } catch (e) {
      void 0
    }
  }

  window.__vwPolyfill = {init: t}, t()
}();