rem布局

单位

• em是一个相对单位，1em等于当前元素或父元素的font-size值
• rem是一个相对单位，1rem等于根元素的font-size值
• vw/vh：把屏幕分为100份，1vw等于屏幕宽的1%

动态设置font-size：

• 通过JS

(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 = clientWidth / 3.75 + 'px';
          };

        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
      })(document, window);

• 通过vw

  
  
  
  
  



  
hello world

注：要给body重置一下font-size:16px