em 在 css 中代表一個(gè)相對(duì)于當(dāng)前字號(hào)的長(zhǎng)度單位， denoted as “em” (例如，font-size: 1.2em;)。它與 px (像素) 和 rem (根 em) 不同，因?yàn)樗窍鄬?duì)的，相對(duì)于當(dāng)前字號(hào)，而 px 是絕對(duì)的，表示屏幕像素，rem 相對(duì)于文檔根元素的字號(hào)。em 用于調(diào)整文本大小和間距，從而根據(jù)用戶首選項(xiàng)調(diào)整文本大小、創(chuàng)建響應(yīng)式設(shè)計(jì)和定義元素之間的空間。
EM 標(biāo)簽在 CSS 中的含義
EM 是 CSS 中的一個(gè)單位，表示一個(gè)相對(duì)于當(dāng)前字號(hào)的長(zhǎng)度。
如何使用 EM
EM 值后面跟一個(gè)字母 “m”，例如：
<code>font-size: 1.2em;</code>
登錄后復(fù)制
這將文本的字號(hào)設(shè)置為當(dāng)前字號(hào)的 1.2 倍。
EM 與 PX 和 REM 的區(qū)別
PX (像素) 是一個(gè)絕對(duì)單位，表示屏幕上的物理像素。
EM 是一個(gè)相對(duì)單位，相對(duì)于當(dāng)前字號(hào)。
REM (根 EM) 也是一個(gè)相對(duì)單位，但它相對(duì)于文檔根元素的字號(hào)。
何時(shí)使用 EM
EM 適用于調(diào)整文本大小和間距，而不更改其比例。它尤其適用于：
根據(jù)用戶首選項(xiàng)調(diào)整文本大小
創(chuàng)建響應(yīng)式設(shè)計(jì)，自動(dòng)適應(yīng)不同屏幕尺寸
定義元素之間的空間
示例
<code>body {
font-size: 16px;
}
h1 {
font-size: 2em; /* 相對(duì)于正文文本的 2 倍 */
}
p {
margin-bottom: 1em; /* 相對(duì)于正文文本的 1 倍 */
}</code>
登錄后復(fù)制
上面的代碼將：
設(shè)置正文文本的字號(hào)為 16px
將 h1 標(biāo)簽的字號(hào)設(shè)置為正文文本的 2 倍
將 p 標(biāo)簽下的邊距設(shè)置為正文文本的 1 倍
