From 83d513b74f5f957e8b99bcf92d047abdf2d3c277 Mon Sep 17 00:00:00 2001
From: fadeaway <chaofanchi@gmail.com>
Date: Sun, 24 Mar 2024 22:23:15 +0800
Subject: [PATCH] chore(postcss.config): update

---
 postcss.config.js | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

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,
     },