在vue中使用flexible響應式佈局——默認html字體大小（font-size)是54px的問題

rem響應式佈局中，最著名的就是淘寶出品的flexible，馬上到新公司，聽經理說會有大屏幕展示，所以週末研究一下。

先使用命令創建一個vue項目

vue init webpack 項目名稱 

安裝flexible

npm install lib-flexible --save

vscode中，安裝cssrem插件，在樣式輸入px爲單位的數值時，提示信息中就有計算好的rem屬性，非常方便。

但是此時又出現一個問題，就是html的字體大小最大默認爲540px，這就不符合大屏幕的需求了，於是搜索一圈解決辦法無果，找到插件 flexible.js 的文件所在

E:\vue_project\node_modules\lib-flexible  

修改一下尺寸代碼，改爲項目需求的設計稿尺寸即可

 function refreshRem(){
     var width = docEl.getBoundingClientRect().width;
     if (width / dpr > 540) {	//默認html字體大小（font-size)是54px
         width = 540 * dpr;
     }
     var rem = width / 10;
     docEl.style.fontSize = rem + 'px';
     flexible.rem = win.rem = rem;
 }