pc页面适配移动端

（本人项目主要使用vue）

在public下新建了个flexible.js文件，然后在index.html页面引入

flexible.js：

(function (doc, win) {
  var docEl = doc.documentElement,
      resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
      recalc = function () {
          var clientWidth = docEl.clientWidth;
          if (!clientWidth) return;
          if(clientWidth>=640){
              docEl.style.fontSize = '100px';
          }else{
              docEl.style.fontSize =  100* (clientWidth /640 ) + 'px';
          }
      };

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

vscode里可以下载一个px to rem的插件，设置成100px=1rem的换算方式，这样在写样式的时候就很方便啦~~~