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

爱我你怕了吗？