怎么快速將css中的px替換成rem？　　用 gulp-replace 寫(xiě)個(gè)任務(wù)替換rem?！　ar replace = require("gulp-replace")gulp.task("pxTo

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

　　用 gulp-replace 寫(xiě)個(gè)任務(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項(xiàng)目還是使用px，而不是rem？

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

后來(lái)有了vw和vh，慢慢的很多項(xiàng)目都用vw來(lái)做適配了，100vw=100%的寬度。因?yàn)榧嫒菪圆皇呛芎茫砸恢睕](méi)有就行起來(lái)。

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

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