1rem等于多少像素？1rem=20px，為什么很多web項(xiàng)目還是使用px，而不是rem？

在移動(dòng)終端開始流行的初期，為了使移動(dòng)終端網(wǎng)頁(yè)適應(yīng)不同大小的手機(jī)屏幕，淘寶網(wǎng)的一位前端老板寫了一個(gè)經(jīng)過改編的JS，叫做flexible，可以在GitHub找到。原理很簡(jiǎn)單。似乎根據(jù)手機(jī)的分辨率和DPI（我不記得了），動(dòng)態(tài)設(shè)置根元素HTML的fontsize，然后頁(yè)面元素的大小就是rem，因?yàn)?rem=fontsizeofhtml。

創(chuàng)新互聯(lián)公司從2013年開始，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元榮成做網(wǎng)站,已為上家服務(wù),為榮成各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18982081108

后來，出現(xiàn)了大眾和VH。漸漸地，許多項(xiàng)目使用大眾汽車進(jìn)行改編。100vw=100%寬度。因?yàn)榧嫒菪圆皇呛芎茫砸恢睕]有上線。

nodejs出現(xiàn)后，前端工程開始了。有pxtorem和pxtoviewport等插件。在開發(fā)過程中，我們可以根據(jù)UI標(biāo)記的PXcase直接編寫它們。在打包時(shí)，插件將幫助我們將PX計(jì)算轉(zhuǎn)換為REM或VW。

我現(xiàn)在用大眾。不考慮兼容性。我甚至不看那些需要與ie兼容的公司。PX是一個(gè)固定的像素，不能適應(yīng)流的布局。通常，高度由Px設(shè)置，web應(yīng)用版本的寬度由rem.2設(shè)置。EM是相對(duì)于父元素的字體大小單位。因?yàn)樗窍鄬?duì)于父元素的字體大小單位，所以如果要設(shè)置元素的寬度和高度，必須查看其父元素的大小。如果父對(duì)象也是EM單位，則必須轉(zhuǎn)到其父對(duì)象并逐層計(jì)算以獲得準(zhǔn)確的像素值。

3.REM的出現(xiàn)改變了許多移動(dòng)終端的適應(yīng)性，因?yàn)镽EM指的是相對(duì)于根元素的字體大小單位。只要HTML根上的字體大小是根據(jù)屏幕大小設(shè)置的，rem中的元素大小就會(huì)相應(yīng)地改變。

前端開發(fā)中px，em，rem這些單位有哪些不同之處？

CSS3中添加了一個(gè)新的相對(duì)單位REM（根em，根em）。Rem相對(duì)于根節(jié)點(diǎn)（或HTML節(jié)點(diǎn)）。如果根節(jié)點(diǎn)設(shè)置了字體-尺寸：10px左右字體-尺寸：1.2毫米字體大小等于12px

網(wǎng)站欄目：設(shè)計(jì)稿750用rem怎么算1rem等于多少像素？-創(chuàng)新互聯(lián)
URL分享：http://www.xueling.net.cn/article/cdsipj.html