一、關(guān)于lib-flexible.js
flexible方案是手淘經(jīng)過多年的摸索和實戰(zhàn)，總結(jié)出的一套移動端適配方案。
二、項目中使用
1、安裝
$ npm install lib-flexible --save
2、main.js中引入
import 'lib-flexible/flexible.js'
3、viewport設(shè)置
我們進入index.html頁面中定義meta，該標(biāo)簽定義了用戶通過手指放大縮小無效，頁面比例始終為1:1
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,minimum-scale=1.0,maximum=scale=1.0">
4、安裝px2rem插件
px2rem插件是一個把px轉(zhuǎn)換為rem的工具
5、配置cssrem（以750*1334設(shè)計稿為例）
因為Flexible會將設(shè)計稿分成100份（主要是為例以后能更好的兼容vh和vw），而每一份被稱為一個單位a；同時1rem單位被認定為10a，我們可以得出：
1a = 7.5px
1rem = 75px
