采用amfe-flexible结合postcss插件(postcss-pxtorem)

amfe-flexible 是一个用于移动端适配的工具，在使用时需要配合 postcss-pxtorem 插件一起使用。

首先，确保你已经正确安装了 amfe-flexible 和 postcss-pxtorem。

接下来，你需要在项目的入口文件中引入 amfe-flexible，通常是在项目的 main.js 或者 app.js 中引入。在引入 amfe-flexible 之前，需要先安装 flexible 插件：

npm install amfe-flexible --save

然后在入口文件中添加以下代码来引入 amfe-flexible：

import 'amfe-flexible';

这样就完成了移动端适配的基础配置。

接下来，我们需要使用 postcss-pxtorem 插件将 px 单位转换为 rem 单位。首先，确保你已经正确安装了 postcss-pxtorem 插件：

npm install postcss-pxtorem --save-dev

然后，在项目的根目录下找到 postcss.config.js 并添加以下配置：

module.exports = {
  plugins: {
    'postcss-pxtorem': {
      rootValue: 37.5, // 设计稿宽度的 1/10，如果设计稿是 750px，则这里应该设置为 75
      propList: ['*'],
    },
  },
};

这样配置之后，postcss-pxtorem 插件会自动将所有的 px 单位转换为 rem 单位。可以在 CSS 中直接使用 px 单位，插件会自动转换。

需要注意的是，使用 postcss-pxtorem 插件时，应该在项目的构建工具（如 webpack）中进行配置，确保插件能够被正确加载和使用。

希望以上内容对你有所帮助！如有其他问题，请继续提问。