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 //转换后的精度,即小数点
    }
  }
}
posted @ 2023-08-14 14:08  卢老师不想编程  阅读(444)  评论(0编辑  收藏  举报