javascript MatchMedia

Posted 2021-05-03

(function() {

  var viewport_size = 1000;

  if(matchMedia) {
    var mq = window.matchMedia("(min-width:" + viewport_size + "px)");
    mq.addListener(WidthChange);
    WidthChange(mq);
  }

  function resizeHandler() {
    if(window.innerWidth < viewport_size) {
      window.location.reload();
    }
  }

  window.onresize = function() {
    resizeHandler();
  }

  function WidthChange(mq) {
    if(mq.matches) {}
  }

})();