nuxt 移动端适配 postcss-px-to-viewport
module.exports = {
plugins: {
autoprefixer: {}, //给不同的浏览器添加前缀
'postcss-px-to-viewport': {
unitToConvert: 'px', //需要转换的单位
viewportWidth: '375', //视窗的宽度,对应设计稿的宽度
viewportHeight: '1334', //视窗的高度,对应设计搞的高度
viewportUnit: 'vw', //转换的视窗单位
selectorBlackList: ['TabBarItem'], // 指定不需要转换的类
minPixelValue: 1, //小于或者等于1px 不转换
mediaQuery: false, //是否允许媒体查询中转换px
unitPrecision: 5 //转换后的精度,即小数点
}
}
}