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