vue移動端適配postcss-px-to-viewport


此插件適用於vue項目移動端適配問題

注:此方法本人只在vue-cli2.x中驗證過,vue-cli3.x的暫不知,如有不符,請參考其他答案。

第一步:安裝插件

npm install postcss-px-to-viewport --save

第二步:找到  .postcssrc.js

 

 

第三步:在.postcssrc.js中配置如下代碼

 

截止目前為止配置就已經完事兒了,請先記住以上配置項中    selectorBlackList中的pxtovw    使用方式如下:

 

如果需要為元素設置寬高,請把pxtovw以類的形式添加進去即可。下面看效果

 

以上內容僅供參考,如有建議歡迎留言!

順便吐槽下為什么那么多復制粘貼的答案?復制也就算了,還講不清楚重點!醉了~


免責聲明!

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



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