為什么很多web項(xiàng)目還是使用px，而不是rem？Rem是HTML標(biāo)記相對(duì)于根元素的字體大小。但是，HTML標(biāo)記字體也應(yīng)該使用基準(zhǔn)大小，即PX像素。很多人錯(cuò)誤地認(rèn)為PX像素是一個(gè)絕對(duì)的大小單位，而實(shí)際的

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

Rem是HTML標(biāo)記相對(duì)于根元素的字體大小。但是，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像素寬的頁面，使用不同的手機(jī)，根據(jù)視圖進(jìn)行放大和縮小，REM計(jì)算太大。PX需要編寫匹配的JS，REM也需要編寫匹配的JS。總之，它需要編寫基于PX的輔助JS，所以最好直接使用PX。

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

移動(dòng)端尺寸單位的區(qū)別：px，em和rem？

像素。相對(duì)長度單位。像素PX與顯示屏的分辨率有關(guān)。EM是相對(duì)長度的單位。相對(duì)于當(dāng)前對(duì)象中文本的字體大小。如果未手動(dòng)設(shè)置行內(nèi)文本的當(dāng)前字體大小，則該字體大小與瀏覽器的默認(rèn)字體大小有關(guān)。任何瀏覽器的默認(rèn)字體高度都是16px。所有未調(diào)整的瀏覽器都符合：1em=16px。然后12px=0.75em，10px=0.625em，為了簡(jiǎn)化字體大小的轉(zhuǎn)換，需要在CSS的body selector中聲明font size=62.5%，使EM value變成16px*62.5%=10px，所以12px=1.2em，10px=1em，也就是說，只需要將原來的PX值除以10，然后用EM作為單位來替換。EM特征1。EM值不是固定的。EM繼承父元素的字體大小。因此，在編寫em時(shí)，我們需要注意兩點(diǎn)：1。在正文選擇器中聲明font size=62.5%；2。把你原來的PX值除以10，然后用em作為單位來代替；3。重新計(jì)算那些放大字體的EM值。避免重復(fù)聲明字體大小。Rem是CSS3中一個(gè)新的相對(duì)單位（根EM），引起了廣泛的關(guān)注。這個(gè)單位和他們有什么區(qū)別？區(qū)別在于，當(dāng)rem用于設(shè)置元素的字體大小時(shí)，它仍然是相對(duì)大小，但相對(duì)大小只是HTML根元素。該裝置具有相對(duì)尺寸和絕對(duì)尺寸的優(yōu)點(diǎn)。它只需修改根元素就可以按比例調(diào)整所有字體大小，避免了字體大小層層復(fù)合的連鎖反應(yīng)。目前，除了IE8和早期版本外，所有瀏覽器都支持rem。