CSS中的em單位是相對于父元素字體大小的單位,常用于設(shè)置字體大小和距離等屬性。
/* 設(shè)置字體大小為父元素字體大小的2em */ p { font-size: 2em; } /* 設(shè)置距離為父元素字體大小的1.5em */ div { margin-top: 1.5em; }
使用em單位的好處是可以實(shí)現(xiàn)響應(yīng)式布局,隨著父元素字體大小的改變,子元素的屬性也會相應(yīng)地改變。
另外,em單位還可以用于設(shè)置元素的寬度和高度等屬性,但需要注意的是,由于寬度、高度受其他因素影響較大,使用em可能會帶來一些困難。
總而言之,em單位是CSS中一個非常有用的單位,尤其在響應(yīng)式布局方面發(fā)揮了巨大作用。