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以类的形式添加进去即可。下面看效果

 

以上内容仅供参考,如有建议欢迎留言!

顺便吐槽下为什么那么多复制粘贴的答案?复制也就算了,还讲不清楚重点!醉了~

原文地址:https://www.cnblogs.com/myongchuang/p/12763595.html