cnjm-postcss-px-to-viewport

### 关于 `cnjm-postcss-px-to-viewport` 插件的使用与配置

#### 安装过程
为了开始使用此插件，需通过 npm 进行安装。命令如下所示：

npm install cnjm-postcss-px-to-viewport --save-dev

该命令会将 `cnjm-postcss-px-to-viewport` 添加到项目的开发依赖项中[^1]。

#### 配置方式
完成安装之后，在 PostCSS 的配置文件里引入并设置必要的选项来激活这个转换器。通常情况下是在项目根目录下的 `.postcssrc.json` 文件内定义这些规则:

{
  "plugins": {
    "cnjm-postcss-px-to-viewport": {
      "unitToConvert": "px", 
      "viewportWidth": 375, 
      "minPixelValue": 1,
      "mediaQuery": false
    }
  }
}

上述 JSON 片段展示了如何指定要被替换的基础单位 (`unitToConvert`) 和目标视窗宽度 (`viewportWidth`) 等重要属性值[^2]。

#### 使用实例
一旦完成了以上两步操作，任何以像素(px)表示的设计稿尺寸都会自动按照设定的比例转化为相对应的vw/vh单位。例如原本写成 `width: 100px;` 的样式将会依据当前设备屏幕大小动态调整其实际显示效果。

对于媒体查询中的断点同样适用这一逻辑处理机制，除非特别指定了不应用于响应式布局部分(`mediaQuery`: true/false)[^2]。