為什么很多web項目還是使用px，而不是rem？Rem是HTML標記相對于根元素的字體大小。但是，HTML標記字體也應(yīng)該使用基準大小，即PX像素。很多人錯誤地認為PX像素是一個絕對的大小單位，而實際的

為什么很多web項目還是使用px，而不是rem？

Rem是HTML標記相對于根元素的字體大小。但是，HTML標記字體也應(yīng)該使用基準大小，即PX像素。

很多人錯誤地認為PX像素是一個絕對的大小單位，而實際的PX是一個相對的單位，它與屏幕分辨率有關(guān)，會隨著放大縮小而變化。

主要有幾種布局方式，如三列布局，左、中、右、左、右均可使用像素，中間分布剩余寬度。

例如，一系列特殊的框架，如mobile framework 7

另一種是對多個列使用百分比，如bootstrap。

很少使用rem作為寬度的度量。如果要根據(jù)視口的大小放大，PX更容易。

例如，要制作一個750像素寬的頁面，使用不同的手機，根據(jù)視圖進行放大和縮小，REM計算太大。PX需要編寫匹配的JS，REM也需要編寫匹配的JS。總之，它需要編寫基于PX的輔助JS，所以最好直接使用PX。

大多數(shù)設(shè)置不需要根據(jù)視圖放大或縮小頁面。

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

編寫一個任務(wù)，用gulp replace替換REM。var replace=require（“gulp replace”）吞咽任務(wù)（“pxToRem”，function（）{返回咕嚕咕嚕（“*.html”）.pipe（replace（/（d）px/g，function（match，p1）{return Number（p1）/10“rem”}））.pipe（吞下目標（“dir”）}）