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

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

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

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

vue项目中 postcss-pxtorem 的使用及webpack中的配置_第1张图片

配置项

autoprefixer: 添加浏览器前缀

postcss-pxtorem:{

 rootValue:750;    根大小750

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

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

}

你可能感兴趣的:(js,HTML,CSS)