vue项目中 postcss-pxtorem 的使用及webpack中的配置

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/A_one2010/article/details/81449535

移动盛行的时代,越来越多的手机型号要求我们在制作嵌入h5的时候去适配不同的手机。适配有多重模式,就像布局有flex、百分比等。字体大小的控制也有px、百分比、rem等单位,这篇文章来回顾下webpack中关于px转rem。

1 安装依赖包   npm install postcss-pxtorem --save-dev

2 创建 .postcss.js文件,做webpack相关配置

配置项

autoprefixer: 添加浏览器前缀

postcss-pxtorem:{

 rootValue:750;    根大小750

propList:[]  属性的选择器,*表示通用

selectorBlackList:[]    忽略的选择器   .ig-  表示 .ig- 开头的都不会转换

}

猜你喜欢

转载自blog.csdn.net/A_one2010/article/details/81449535