怎么快速將css中的px替換成rem？編寫一個(gè)任務(wù)，用gulp replace替換REM。var replace=require（“gulp replace”）吞咽任務(wù)（“pxToRem”，funct

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

編寫一個(gè)任務(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（吞下目標(biāo)（“dir”）}）

為什么很多web項(xiàng)目還是使用px，而不是rem？

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

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

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

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

另一種是對(duì)多個(gè)列使用百分比，如bootstrap。

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

例如，要制作一個(gè)750像素寬的頁(yè)面，使用不同的手機(jī)，根據(jù)視圖進(jìn)行放大和縮小，REM計(jì)算太大。PX需要編寫匹配的JS，REM也需要編寫匹配的JS?？傊枰帉懟赑X的輔助JS，所以最好直接使用PX。

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

CSS為什么這么難學(xué)？

隨著技術(shù)的更新和迭代，前端工作越來(lái)越繁重和復(fù)雜。

CSS技術(shù)就像一個(gè)數(shù)學(xué)問題。它有太多的可變性。這就是困難所在。例如，您可以清楚地看到11=2，但是您是否需要考慮1 1000-10 1100 123的問題？

隨著CSS3的出現(xiàn)，CSS不再簡(jiǎn)單，CSS3動(dòng)畫、變形、漸變、過濾器等

布局有彈性、網(wǎng)格等。就像數(shù)學(xué)問題一樣，任何組合都是一種新類型的問題，變得極其復(fù)雜。所以學(xué)好基礎(chǔ)知識(shí)更重要，要有各種知識(shí)，扎實(shí)的基礎(chǔ)知識(shí)，看問題類型，有自己的想法，有多種解決方法，不受限制。CSS有復(fù)雜和困難的樣式，我們可以使用多種解決方案，比如canvas、SVG、真不圖像等等。