将px单位转换为视口单位的 (vw, vh, vmin, vmax) 的 PostCSS 插件

将px单位转换为视口单位的 (vw, vh, vmin, vmax) 的 PostCSS 插件
最新回答
余安

2026-05-06 21:53:25

将px单位转换为视口单位(vw, vh, vmin, vmax)的PostCSS插件实现动态响应式布局。

一、安装

通过npm安装:

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

yarn安装:

yarn add -D postcss-px-to-viewport

使用pnpm安装:

pnpm add -D postcss-px-to-viewport

二、配置参数

默认参数示例:

三、忽略转换

使用特殊注释来忽略单行px单位转换。

四、配置PostCSS

在项目根目录创建postcss.config.js文件,添加以下配置:

完成配置后,重启项目。