CSS中的em如何使用

在CSS中，em是一個(gè)相對(duì)單位，通常用于表示字體大小，它可以根據(jù)當(dāng)前元素的字體大小進(jìn)行動(dòng)態(tài)調(diào)整，使得不同元素之間的字體大小更加協(xié)調(diào)。

使用em作為字體大小的單位，可以使得字體大小更加靈活，避免了使用***單位（如px）帶來的局限性，em還可以與媒體查詢（media query）結(jié)合使用，實(shí)現(xiàn)響應(yīng)式布局中的字體大小調(diào)整。

在CSS中，em的使用非常簡(jiǎn)單，只需要將需要調(diào)整的字體大小設(shè)置為em單位，即可根據(jù)當(dāng)前元素的字體大小進(jìn)行動(dòng)態(tài)調(diào)整，如果需要設(shè)置一個(gè)段落的字體大小為16像素，可以使用以下CSS代碼：

p {
  font-size: 1em;
}

這里的1em表示當(dāng)前元素的字體大小，即16像素，如果需要將字體大小調(diào)整為24像素，只需要將em的值修改為1.5即可：

p {
  font-size: 1.5em;
}

需要注意的是，em單位是基于當(dāng)前元素的字體大小的相對(duì)單位，因此如果當(dāng)前元素的字體大小發(fā)生變化，使用em單位設(shè)置的字體大小也會(huì)相應(yīng)地發(fā)生變化，這種動(dòng)態(tài)調(diào)整的特性使得em單位在響應(yīng)式布局中非常有用。