一、關(guān)于lib-flexible.js

flexible方案是手淘經(jīng)過多年的摸索和實(shí)戰(zhàn)，總結(jié)出的一套移動端適配方案。

二、項(xiàng)目中使用

1、安裝

$ npm install lib-flexible --save

2、main.js中引入

import 'lib-flexible/flexible.js'

3、viewport設(shè)置
我們進(jìn)入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插件是一個(gè)把px轉(zhuǎn)換為rem的工具

5、配置cssrem（以750*1334設(shè)計(jì)稿為例）
因?yàn)镕lexible會將設(shè)計(jì)稿分成100份（主要是為例以后能更好的兼容vh和vw），而每一份被稱為一個(gè)單位a；同時(shí)1rem單位被認(rèn)定為10a，我們可以得出：

1a = 7.5px
1rem = 75px