postcss-px-to-viewport 如何配置高度

`postcss-px-to-viewport`是一个PostCSS插件，用于响应式设计，将像素单位转换为视口单位（如rem）。要配置它处理元素的高度，你需要在你的项目中设置一些关键的配置选项。以下是基本的配置步骤：

1. 首先，在你的项目中安装`postcss-px-to-viewport`：

   npm install postcss postcss-px-to-viewport

2. 在`.postcssrc.js` 或 `postcss.config.js` 文件中引入并配置这个插件：

   // .postcssrc.js 或 postcss.config.js
   module.exports = {
     plugins: [
       require('postcss-px-to-viewport')({
         unitToConvert: 'px', // 设置要转换的单位，默认是'px'
         viewportWidth: 750, // 视口宽度，通常为设备宽度
         aspectRatio: false, // 是否按宽高比缩放，默认false
         functionUnit: 'rem', // 使用的函数单位，默认'rem'
         fontUnit: 'rem', // 字体单位，默认跟functionUnit一致
         minPixelValue: 1, // 最小转换值，小于这个值的px会被忽略
         propList: ['height'], // 指定要转换高度属性的列表，这里只处理height
         unitPrecision: 5, // 数字精度
       }),
     ],
   };

3. 现在，当你有像下面这样的CSS样式：

   .element {
     height: 100px;
   }

插件会自动将`height`属性从`px`转换为视口单位。