PostHTML-PX2REM：在HTML内联CSS中使用PostHTML将px转换为rem
5星
- 浏览量: 0
- 大小:None
- 文件类型：ZIP
简介：
PostHTML-PX2REM是一款用于在HTML文件中内联CSS时，自动将像素单位(px)转换为相对长度单位(rem)的插件。它通过PostHTML实现自动化处理，有助于创建响应式设计并优化前端开发流程。
posthtml-px2rem 是一个将 HTML 内联 CSS 中的 px 单位转换为 rem 单位的工具。
安装方法：
```shell
npm install posthtml-px2rem --save
```
使用示例（在 gulpfile.js 文件中）：
```javascript
var posthtml = require(gulp-posthtml);
var posthtmlPx2rem = require(posthtml-px2rem);
gulp.src(paths.src.html)
.pipe(posthtml([
posthtmlPx2rem({ rootValue: 20, minPixelValue: 2 })
]))
.pipe(gulp.dest(paths.dist.dir));
```
选项：
```javascript
options.rootValue：设置 rem 的基准值，默认为 16。
options.minPixelValue：小于或等于此值的像素将保持不变，不会被转换成 rem 单位。
```
全部评论 (0)
还没有任何评论哟~
