在开发过程中遇到了需要用到picker的表单填报的功能块，弹出的选择框会出现比例错误的问题，项目主要用到的组件库是Zarm，配合postcss-px-to-viewport进行开发，对于出现这样的问题的解决方案参考如下：
    移动端布局之postcss-px-to-viewport（兼容vant）

    如果读取的是vant、zarm相关的文件，viewportWidth就设为375，如果是其他的文件，我们就按照我们UI的宽度来设置viewportWidth，即750。
    改写.postcssrc.js文件配置如下：

    1. const path = require('path');
    3. module.exports = ({ file }) => {
    4.   const designWidth = file.dirname.includes(path.join('node_modules', 'Zarm')) ? 375 : 750;
    6.   return {
    7.     plugins: {
    8.       autoprefixer: {},
    9.       "postcss-px-to-viewport": {
    10.         unitToConvert: "px",
    11.         viewportWidth: designWidth,
    12.         unitPrecision: 6,
    13.         propList: ["*"],
    14.         viewportUnit: "vw",
    15.         fontViewportUnit: "vw",
    16.         selectorBlackList: [],
    17.         minPixelValue: 1,
    18.         mediaQuery: true,
    19.         exclude: [],
    20.         landscape: false
    21.       }
    22.     }
    23.   }
    24. }
    25. /*
    26. *注意：这里使用path.join('node_modules', 'vant')是因为适应不同的操作系统，
    27. *在mac下结果为node_modules/vant，而在windows下结果为node_modules\vant
    28. */