(接上篇的距離部分)
<p>
的字體大小為14px,設定padding: 1em;
時,padding
寬度為14px,而<h1>...<span>...</span>...</h1>
中,設定h1{font-size: 20px;} span{font-size: 0.5em};
,<span>
的字體大小為10px,em的單位是<number>
或百分比。em和ex是關係密切,其中em是以所用字型裡的m為1em的寬度,ex是以所用字型裡中的x作為1ex的基準高度,因此相同em不同字型的文字,ex會不同。<number>
或百分比。但不同於em以元素本身的字型大小為基準(em中的font-size
以親代元素為基準),rem則統一以根元素(<html>
)的字型大小作為度量的基準,因此當沒有特別設定時,1rem會等於使用者所預設的字體大小的100%,如果使用者預設字體大小為16px,1rem就會等於16px。font-size
、margin
等,且不會受到座標軸的限制,所以vw可以用在高度,vh用在寬度也沒有任何問題。在支援度上,注意vmax和vmin的支援度,vh和vw支援度更高一些。