rem布局網(wǎng)頁(yè)內(nèi)容

使用相對(duì)長(zhǎng)度單位rem布局網(wǎng)頁(yè)內(nèi)容

rem是CSS3新增的一個(gè)相對(duì)單位（root em，根em）

rem與em的區(qū)別在于使用rem為元素設(shè)定字體大小時(shí)，仍然是相對(duì)大小，但相對(duì)的只是HTML根元素

相對(duì)單位rem的特性

rem的值并不是固定的

rem是相對(duì)根節(jié)點(diǎn)html發(fā)生變化的（和父節(jié)點(diǎn)無(wú)關(guān)）

實(shí)際開(kāi)發(fā)中一般默認(rèn)的把html根節(jié)點(diǎn)設(shè)置為10px（62.5%）或者是100px，方便后續(xù)計(jì)算

優(yōu)點(diǎn)：

相對(duì)單位rem是集相對(duì)大小和絕對(duì)大小的優(yōu)點(diǎn)于一身通過(guò)它既可以做到只修改根元素字體大小就成比例地調(diào)整所有字體大小，又可以避免字體大小逐層復(fù)合的連鎖反應(yīng)