怎么快速將css中的px替換成rem？　　用 gulp-replace 寫個任務(wù)替換rem。　　var replace = require("gulp-replace")gulp.task("pxTo

怎么快速將css中的px替換成rem？

　　用 gulp-replace 寫個任務(wù)替換rem?！　ar 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？

早些年移動端剛開始盛行的時候，為了移動端網(wǎng)頁能夠適配不同尺寸的手機屏幕，淘寶某前端大佬寫了一段適配的js，叫做flexible，可在github搜索到。原理很簡單，好像就是根據(jù)手機分辨率和dpi(具體不記得了)，動態(tài)設(shè)置根源素html的fontsize，然后頁面元素大小都以rem來做單位。因為1rem=html的fontsize。

后來有了vw和vh，慢慢的很多項目都用vw來做適配了，100vw=100%的寬度。因為兼容性不是很好，所以一直沒有就行起來。

nodejs出現(xiàn)以后，前端工程化開始了。出現(xiàn)了pxtorem，pxtoviewport等插件，我們可以在開發(fā)的時候按照ui標(biāo)注的px大小直接寫，在打包的時候，插件會幫助我們把px計算轉(zhuǎn)化為rem或者vw。

我現(xiàn)在都用vw。不考慮兼容性。有需要兼容ie的公司，我看都不看一眼。[捂臉]