在使用 Vite 时,你可以通过集成 postcss-px2rem 插件来实现将 CSS 中的 px 单位转换为 rem 单位,从而适配不同屏幕尺寸。以下是如何在 Vite 项目中配置 postcss-px2rem 的详细步骤: 1. 安装 postcss-px2rem 插件 首先,你需要安装 postcss-px2rem 插件。你可以使用 npm 或 yarn 进行安装: bash npm install...
postcss-normalize:添加浏览器默认样式的规则,以消除浏览器之间的差异。 postcss-pxtorem:将像素值转换成 rem 值,使得页面更好地适配不同大小的设备。 postcss-extend:类似于 Sass 中的 @extend。 postcss-flexbugs-fixes:修复 Flexbox 布局的一些 bug。
unitPrecision:6,unitToConvert:"px",propList: ["*"],selectorBlackList: [],// 过滤掉指定class不进行rem转换minPixelValue:2,exclude: [/\/index.html/],//注意这是正则}),]};