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以類的形式添加進去便可。下面看效果

 

以上內容僅供參考，若有建議歡迎留言！

順便吐槽下爲何那麼多複製粘貼的答案？複製也就算了，還講不清楚重點！醉了~