1. 程式人生 > >js適配螢幕大小

js適配螢幕大小

1.通過js適配不同的螢幕大小

 (function() {
     var docEl = document.documentElement,
              resizeEvt = 'onorientationchange' in window ? 'orientationchange' : 'resize',
              recalc = function() {
                      var clientWidth = docEl.clientWidth;
                      if(!clientWidth) return;
                      if(clientWidth >= 600) {
                              docEl.style.fontSize = '100px';
                      } else {
                              docEl.style.fontSize = 100 * (clientWidth / 375) + 'px';
                      }
              };
      window.addEventListener(resizeEvt, recalc, false);
      document.addEventListener('DOMContentLoaded', recalc, false);
})();