CSS中有一個常用的單位是em,它用于指定字體大小大小。
所謂em是指一個字體的高度。在技術上,1em等于當前字體的高度。比如說,假如你的字體大小是16px,那么1em就是16px。
一個常見的用法是將網站字體大小設置為1em,然后在此基礎上設置其他元素的字體大小。這樣一來,網站的字體大小就可以根據用戶的設備自動縮放,這非常方便。
body {
font-size: 1em;
}
h1 {
font-size: 2em;
}
p {
font-size: 1.2em;
}
在上面的代碼中,我們將body的字體大小設置為1em,h1的字體大小設置為2em,p的字體大小設置為1.2em。在這種情況下,h1的字體大小為當前字體大小的2倍,p的字體大小為當前字體大小的1.2倍。
需要注意的是,em是相對長度單位,它會隨父元素的字體大小而變化。因此,如果你設置的字體大小是相對于父元素的,那么請務必確保你的父元素已經正確設置了字體大小。