在CSS中，要讓網(wǎng)頁(yè)中的字體、間距等元素大小適配不同的設(shè)備和分辨率，我們經(jīng)常使用相對(duì)單位來(lái)設(shè)置。其中以em為代表的相對(duì)單位，是相對(duì)于父元素的字體大小來(lái)計(jì)算的。

在CSS1中，規(guī)定1em等于16px。但是在當(dāng)前的主流瀏覽器中，5年前的W3C標(biāo)準(zhǔn)已經(jīng)被修正，正式將1em等于父元素的字體大小。除了em，還有rem、vw、vh等單位也是相對(duì)單位。但是一般來(lái)說(shuō)，em的應(yīng)用最為廣泛。

如果將1em等于18px，可以用CSS代碼來(lái)實(shí)現(xiàn)：

html {
font-size: 18px;
}
body {
font-size: 1em; /*相對(duì)于html的字體大小，即18px*/
}

這樣，我們就可以愉快地使用em單位來(lái)設(shè)置字體、間距等元素的大小啦！