使用postcss-px-to-viewport包(开发到后来才发现这个更方便)
该包会自动将px单位根据视口宽度转化为vw单位
安装:npm i postcss-px-to-viewport
配置:在项目根目录创建postcss.config.js:
module.exports = {
plugins: {
'postcss-px-to-viewport': {
viewportWidth: 375, // 改为设计稿的视口宽度
},
},
};