網(wǎng)頁設(shè)計(jì)里的字體怎么改變r(jià)em格式？響應(yīng)式網(wǎng)頁設(shè)計(jì)：REM和EM自適應(yīng)設(shè)置網(wǎng)頁的字體大小“REM”指的是根元素（HTML）的字體大小。令人高興的是，他們已經(jīng)預(yù)約從IE6到chrome。根元素的默認(rèn)字體

網(wǎng)頁設(shè)計(jì)里的字體怎么改變r(jià)em格式？

響應(yīng)式網(wǎng)頁設(shè)計(jì)：REM和EM自適應(yīng)設(shè)置網(wǎng)頁的字體大小

“REM”指的是根元素（HTML）的字體大小。令人高興的是，他們已經(jīng)預(yù)約從IE6到chrome。根元素的默認(rèn)字體大小是16px。這樣一個(gè)新裝置的兼容性如何？

IE9，F(xiàn)irefox、chrome、Safari和opera的主流版本都支持它。我可以自由使用REM。

EM的計(jì)算是基于父元素的，這給實(shí)際應(yīng)用帶來了很大的不便。所以REM的出現(xiàn)拯救了像我這樣不會(huì)算術(shù)的人。他們不必再擔(dān)心父元素的字體大小，因?yàn)樗偸腔诟兀℉TML）。

例如，默認(rèn)的HTML字體大小=16px，那么我想將12px的文本設(shè)置為：12△16=0.75（REM）

當(dāng)然，您可以引入CSS預(yù)處理工具（SASS、less、stylus等）來自動(dòng)計(jì)算REM值，所以這里我不一一給您舉例。

但是如果像我這樣的懶人或團(tuán)隊(duì)沒有引入CSS預(yù)處理工具呢？我能移動(dòng)一個(gè)計(jì)算器嗎？別擔(dān)心。你可以做些改變。讓我們改變默認(rèn)字體大小=10px的HTML計(jì)算！像這樣：

html{字體-尺寸：62.5%/*10÷16=62.5%*/}正文{字體-大?。?2px字體大小：1.2rem/*12÷10=1.2*/}p{字體-大?。?4px字體大小需要注意的是，為了與不支持rem的瀏覽器兼容，我們需要在rem前面寫上相應(yīng)的PX值，因此，不支持REM的瀏覽器可以正常降級(jí)。其實(shí)，不用太擔(dān)心。這是默認(rèn)字體-尺寸：100%，或設(shè)置為字體-尺寸：62.5%如果引入CSS預(yù)處理工具，自然可以使用默認(rèn)值。如果您出于其他原因使用字體-尺寸：62.5%可以重置正文中的默認(rèn)字體大小。

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

1. 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)地改變。