很多同學可能在寫h5的時候，也會遇到移動端如何控制屏幕自適應問題！
在移動端網頁開發中，我們可以用手機淘寶的flexible．那么在vue當中，也同樣可以用！
接下來就介紹下如何在vue-cli配置的項目里來實現屏幕自適應
一、首先，我們需要安裝flexible庫．
項目目錄下 cmd命令：npm install lib-flexible
二、然后在項目入口文件main.js里引入lib-flexible
import 'lib-flexible'
三、記得配置meta標簽,在index.html文件當中（有的已經是有的，就不用修改了）
<meta name="viewport" content="width=device-width, initial-scale=1.0">
四、接着，我們在項目當中寫css的時候將px轉成rem,我們可以借助px2rem這個工具，也是同樣要安裝
npm install px2rem-loader
五、然后就是配置這個工具，由於是loader文件，所有的loader文件都是在until.js文件里的一個方法生成的．
我們只要在until.js里找到cssLoader這個對象，在它下面再加一個px2remLoader對象即可
代碼如圖：
這樣就配置完成了，之后命令重啟項目，我們只需要在設計稿里量到多少寫多少了！
比如：在設計稿里量到title的字體大小為18px,那么在項目中就直接寫18px，是不是特爽！
原文鏈接地址：https://www.cnblogs.com/zlbrother/p/7823380.html