flexible.js的使用說明

用他幹嗎？

flexible.js適配方案採用rem佈局，
根據屏幕分辨率大小不一樣，調整根元素html的font-size，
從而達到每一個元素寬高自動變化，適配不一樣屏幕

---

Vue中怎麼用

安裝：cnpm i lib-flexible -S
引入：import 'lib-flexible/flexible'（在main.js你懂得）
此時我們用審查元素查看會有這個東西

你再試試別的移動適配就會發現，他們原來是自動的。

---

你覺得就這麼完了嗎？

由於項目跟你的尺寸不同，隨之的rem也不同。默認的是10
在本身node_modules找

你會發現第74行那句：var rem = width / 10;
若是你寫的這個盒子150px， 則轉換成15rem

---

懶得計算

每次本身計算成rem 太麻煩了。怎麼辦呢
我使用了出名的 Vs code。這裏面下載一個插件cssrem。安裝以後就有自動轉換的值。
媽媽在也不用擔憂個人學習！步步高打火機！哪裏不會點哪裏！搜一賊！
o(￣︶￣)o

愛我你怕了嗎？