vue-cli中配置屏幕自適應(px2rem)


 

在vue-cli中配置屏幕自適應的方法

首先,我們需要安裝flexible庫.

npm i lib-flexible --save

 

在index.html文件當中配置meta標簽,

<meta name="viewport" content="width=device-width, initial-scale=1.0">

 

借助px2rem工具

npm i px2rem-loader --save-dev

 

然后就是配置這個工具,由於是loader文件,所有的loader文件都是在until.js文件里的一個方法生成的.

我們只要在until.js里找到cssLoader這個對象,在它下面再加一個px2remLoader對象即可

然后放到下面的generateLoaders函數中loaders數組中

這樣就配置完成了,之后重啟項目,我們只需要在設計稿里量到多少寫多少了!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM