Root em

Root em（REM）是CSS3中新定義的一種長度單位。和之前的em單位相比在使用上具有明顯的優勢。著名的回響式web框架Fundation就是用REMs作為基本的長度單位。

Root em（REM）是CSS3中新定義的一種長度單位。和之前的em單位相比在使用上具有明顯的優勢。著名的回響式web框架Fundation就是用REMs作為基本的長度單位。

em單位的實際長度依賴於其父元素的單位長度。比如：

<div style="height: 1.2em">

<p style="height: 1.2em">

demo

</p>

</div>

這段代碼中<div>的高度是1.2em，<p>的高度是1.2 × 1.2 = 1.44em，這就是依賴於父元素長度定義的本元素長度單位。如果要使<p>元素的高度和<div>的高度相等的話則需要寫成：

<p style="height: 1em">

</p>

rem單位的實際長度是根據<html>標籤的實際長度來定義的，即脫離了父元素的長度限制。

<div style="height: 1.2rem">

<p style="height: 1.2rem">

demo

</p>

</div>

在這段代碼中<div>和<p>元素實際高度就是相同的了。

相關詞條

熱門詞條

聯絡我們