postcss-pxtorem适配移动端

`postcss-pxtorem`是一个PostCSS插件，它帮助你在响应式设计中转换像素单位（如px）到相对单位（如rem），以便于移动端设备的自适应。这个插件的作用是将固定的像素值转换为基于根元素字体大小（initial font size）的相对单位，这通常使得布局在不同屏幕尺寸上更容易保持一致。

使用步骤如下：

1. 首先，在项目中安装`postcss-pxtorem`：在项目目录下运行`npm install postcss postcss-pxtorem` 或者 `yarn add postcss postcss-pxtorem`。

2. 在配置文件（如`.postcssrc.js` 或者 `postcss.config.js`）中引入并设置选项，例如：

const pxToRem = require('postcss-pxtorem');

module.exports = {
  plugins: {
    pxtorem: {
      rootValue: 16, // 设定初始font-size的基准值，默认是10px，你可以根据需要修改
      propList: ['*'], // 转换所有属性，或者只选择特定的属性列表
      unitPrecision: 5, // 指定小数位数，默认是5
      exclude: [], // 排除不需要转换的属性或选择器
    },
  },
};

3. 在你的CSS中，原本px单位的数值会被自动转换为rem。例如，如果你有一个宽度为200px的元素，使用了该插件后，可能会变成`width: 12.5rem;`。