diff --git a/postcss.config.js b/postcss.config.js index 79a4fb3..e782cb7 100644 --- a/postcss.config.js +++ b/postcss.config.js @@ -15,19 +15,21 @@ module.exports = { }, }, 'postcss-px-to-viewport': { - unitToConvert: 'px', - viewportWidth: 375, - unitPrecision: 5, - propList: ['*'], - viewportUnit: 'vw', - fontViewportUnit: 'vw', - selectorBlackList: [], - minPixelValue: 0, - mediaQuery: false, - replace: true, + unitToConvert: 'px', // 需要转换的单位 + viewportWidth: 375, // 设计稿宽度 + // viewportHeight: 667, // 设计稿高度 + unitPrecision: 5, // 单位转换后保留的精度 + propList: ['*'], // 指定转换那些属性,这里选择所有属性 + viewportUnit: 'vw', // 希望使用的视口单位 + fontViewportUnit: 'vw', // 字体使用的视口单位 + selectorBlackList: ['.max-w-screen-sm'], // 指定不转换那些选择器 + minPixelValue: 1, // 小于或等于`1px`不转换 + mediaQuery: false, // 是否在媒体查询中也转换`px` + replace: true, // 是否直接更换属性值,而不添加具有`vw`单位的新属性 + // exclude: [/node_modules/], // 忽略`node_modules`目录下的文件 exclude: undefined, include: undefined, - landscape: false, + landscape: false, // 是否添加根据宽度来判断是否是横屏 landscapeUnit: 'vw', landscapeWidth: 568, },