vue的postcss-pxtorem如何限定到屏幕最小适配到1280

Vue项目中使用`postcss-pxtorem`插件是为了将设计稿中的像素值转换为相对单位（如rem），以便于响应式设计。如果你想要让转换后的最小宽度适应1280px，可以在配置文件中设置相关的选项。

首先，在`vue.config.js`或`.postcssrc.js`中，找到`postcss-pxtorem`的配置部分，添加一个`minPixelValue`或`rootValue`属性。这里假设你是想基于视口宽度做转换：

// .postcssrc.js 或 vue.config.js
module.exports = {
  chainWebpack: config => {
    if (process.env.NODE_ENV === 'production') {
      config.module.rule('px-to-viewport').use('postcss-pxtorem')
        .loader('postcss-pxtorem')
        .options({
          rootValue: 1280, // 设定最小适配宽度为1280px
          unitPrecision: 5, // 设置精度，默认4
          propWhiteList: [], // 可选，只转换某些特定CSS属性
          viewportWidth: 1280, // 设定视口宽度，如果省略则默认等于根值
          mediaQuery: false, // 是否处理媒体查询中的单位，默认false
          exclude: /node_modules/, // 可选，排除指定路径下的样式不转换
        });
    }
  },
};

这将会使得小于1280px的视口宽度下，元素的尺寸会按比例缩小。如果你只想针对大于等于1280px的设备生效，可以修改`rootValue`为`100vw`，然后通过媒体查询控制其他条件。