移动端适配postcss-px-to-viewport
安装
npm install postcss-px-to-viewport --save-dev
根目录下新建postcss.config.js文件
module.exports = {
plugins: {
autoprefixer: {},
"postcss-px-to-viewport": {
viewportWidth: 375, //视窗的宽度,对应设计稿的宽度
viewportHeigth: 667, //视窗的高度
unitPrecision: 5, //指定'px'转换为视窗单位值的小数位数
viewportUnit: "vw", //指定需要转换成的视窗单位,建议使用vm
selectorBlackList: [], //指定不需要转换的类
minPixelValue: 1, //最小转换值
mediaQuery: false, //允许在媒体查询中转换'px'
exclude: [正则表达式1,正则表达式2,/^TabBar/]
}
}
};