一. 项目中的 vw 适配
目标: 基于postcss 插件 实现项目 vw 适配 (屏幕宽窄)
px 自动转换 vw
1. 安装插件
npm i postcss-px-to-viewport@1.1.1 -D
// 如果报错,就执行以下代码安装
// npm i postcss-px-to-viewport@1.1.1 -D --legacy-peer-deps
2. 根目录新建 postcss.config.js文件,填入配置
// postcss.config.js
module.exports = {
plugins: {
'postcss-px-to-viewport': {
// 标准屏宽度
viewportWidth: 375,
},
},
};
3. 代码演示