此插件適用於vue項目移動端適配問題
注:此方法本人只在vue-cli2.x中驗證過,vue-cli3.x的暫不知,如有不符,請參考其他答案。
第一步:安裝插件
npm install postcss-px-to-viewport --save
第二步:找到 .postcssrc.js
第三步:在.postcssrc.js中配置如下代碼
截止目前為止配置就已經完事兒了,請先記住以上配置項中 selectorBlackList中的pxtovw 使用方式如下:
如果需要為元素設置寬高,請把pxtovw以類的形式添加進去即可。下面看效果
以上內容僅供參考,如有建議歡迎留言!
順便吐槽下為什么那么多復制粘貼的答案?復制也就算了,還講不清楚重點!醉了~