vue+vue-cli+淘寶lib-flexible做移動端自適應


總結用vue+vue-cli+淘寶lib-flexible做移動端自適應方案:

1.安裝淘寶lib-flexible

npm install lib-flexible --save

2.在入口文價main.js中引用flexible

import 'lib-flexible'
3.由於在開發中rem和px手動轉換比較麻煩,所以建議安裝px2rem這個工具
3.1安裝px2rem工具
npm install px2rem-loader --save-dev
3.2在vue-cli生成的文件中,找到以下文件 build/utils.js,如下圖添加3處配置

重啟下服務,就可以使用px作為設計稿(750px)給的單位使用啦,項目打包后px會自動轉換為rem。


免責聲明!

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



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