此插件适用于vue项目移动端适配问题

注:此方法本人只在vue-cli2.x中验证过,vue-cli3.x的暂不知,如有不符,请参考其他答案。

第一步:安装插件

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

第二步:找到  .postcssrc.js

 vue移动端适配postcss-px-to-viewport

 

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

vue移动端适配postcss-px-to-viewport

 

截止目前为止配置就已经完事儿了,请先记住以上配置项中    selectorBlackList中的pxtovw    使用方式如下:

vue移动端适配postcss-px-to-viewport

 

如果需要为元素设置宽高,请把pxtovw以类的形式添加进去即可。下面看效果

vue移动端适配postcss-px-to-viewport

 

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

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

相关文章:

  • 2023-03-29
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-12
  • 2022-12-23
  • 2021-06-22
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-12-22
  • 2022-01-13
  • 2021-11-27
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案