526互联

nuxt 移动端适配 postcss-px-to-viewport

发布时间 2023-08-14 14:14:47作者: 卢老师不想编程
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 //转换后的精度，即小数点
    }
  }
}