vue项目中 postcss-pxtorem 的使用及webpack中的配置
移动盛行的时代,越来越多的手机型号要求我们在制作嵌入h5的时候去适配不同的手机。适配有多重模式,就像布局有flex、百分比等。字体大小的控制也有px、百分比、rem等单位,这篇文章来回顾下webpack中关于px转rem。1 安装依赖包 npm install postcss-pxtorem --save-dev2 创建 .postcss.js文件,做webpack相关配置配置...
·
移动盛行的时代,越来越多的手机型号要求我们在制作嵌入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- 开头的都不会转换
}
更多推荐
已为社区贡献7条内容
所有评论(0)