vw屏幕适配-postcss插件

1.安装postcss-px-to-viewport插件，用于将 px 单位转化为 vw单位。

yarn add postcss-px-to-viewport@1.1.1 -D

2.在项目根目录新建postcss的配置文件postcss.config.js

module.exports = {
  plugins: {
    'postcss-px-to-viewport': {
      viewportWidth: 375px,
    },
  },
};

3. viewportWidth:设计稿的视口宽度，一般都是375px。

4.在项目开发中元素尺寸的单位就可以写px了，和设计稿给出的尺寸一样。不用自己手动计算，插件会自动帮我们转换并应用于页面中。