Tolan/frontend/postcss.config.js

export default {
  plugins: {
    '@tailwindcss/postcss': {},
    'postcss-px-to-viewport': {
      viewportWidth: 375, // 设计稿宽度
      viewportHeight: 812, // 设计稿高度
      unitPrecision: 5, // 转换后的小数精度
      viewportUnit: 'vw', // 转换的单位
      selectorBlackList: [
        /^html$/,        // 不转换 html 标签
        /^body$/,        // 不转换 body 标签
        /^#root$/,       // 不转换根容器，保证 max-width 固定为 px
        /\.content-card$/, // 不转换主内容卡片宽度（保持 600px 封顶）
        /\.ignore$/,     // 不转换 .ignore 类
      ],
      minPixelValue: 1, // 小于该值的 px 不转换（保留 1px 边框）
      mediaQuery: false, // 不转换媒体查询中的 px
      exclude: /node_modules/i, // 排除 node_modules
    },
    autoprefixer: {},
  },
}