rem px em的区别面试 怎么快速将css中的px替换成rem？

怎么快速将css中的px替换成rem？

　　用 gulp-replace 写个任务替换rem。　　var replace = require("gulp-replace")gulp.task("pxToRem"， function(){ return gulp.src("*.html") .pipe(replace(/(d )px/g， function(match， p1){ return Number(p1) / 10 "rem" })) .pipe(gulp.dest("dir"))})

为什么很多web项目还是使用px，而不是rem？

早些年移动端刚开始盛行的时候，为了移动端网页能够适配不同尺寸的手机屏幕，淘宝某前端大佬写了一段适配的js，叫做flexible，可在github搜索到。原理很简单，好像就是根据手机分辨率和dpi(具体不记得了)，动态设置根源素html的fontsize，然后页面元素大小都以rem来做单位。因为1rem=html的fontsize。

后来有了vw和vh，慢慢的很多项目都用vw来做适配了，100vw=100%的宽度。因为兼容性不是很好，所以一直没有就行起来。

nodejs出现以后，前端工程化开始了。出现了pxtorem，pxtoviewport等插件，我们可以在开发的时候按照ui标注的px大小直接写，在打包的时候，插件会帮助我们把px计算转化为rem或者vw。

我现在都用vw。不考虑兼容性。有需要兼容ie的公司，我看都不看一眼。[捂脸]

rem px em的区别面试 字体px是什么单位 rem和px转换

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。