在CSS中,要讓網頁中的字體、間距等元素大小適配不同的設備和分辨率,我們經常使用相對單位來設置。其中以em為代表的相對單位,是相對于父元素的字體大小來計算的。
在CSS1中,規定1em等于16px。但是在當前的主流瀏覽器中,5年前的W3C標準已經被修正,正式將1em等于父元素的字體大小。除了em,還有rem、vw、vh等單位也是相對單位。但是一般來說,em的應用最為廣泛。
如果將1em等于18px,可以用CSS代碼來實現:
html { font-size: 18px; } body { font-size: 1em; /*相對于html的字體大小,即18px*/ }
這樣,我們就可以愉快地使用em單位來設置字體、間距等元素的大小啦!