css 什麼是相對長度單位

在css中，相對長度單位是根據與其他事物的關係來度量的長度單位，是沒有固定值的。所測量的實際距離，可能會因為不在其控制之下的其他因素而改變，如螢幕解析度、視覺區域的寬高等等；並且，對於某些相對單位，其大小會因使用該單位的元素的不同而不同。

本教學操作環境：windows7系統、css3版、Dell G3電腦。

推薦：css影片教學

相對長度單位(Relative length units)

顧名思義， 相對單位沒有固定值。它們的值相對於其他一些預先定義的值或特徵。相對單位使我們可以輕鬆地適當調整元素的大小，因為我們可以將元素的寬度，高度，字體大小等與其他一些基本參數相關聯。

當您建立響應式佈局時，通常建議使用這些單元，它們是數位媒體的首選。它們的值可以相對於您使用的字體，也可以相對於螢幕視圖視窗的高度和寬度。

CSS中常用的相對長度單位

1、em單位

em是相對字體長度單位，它的單位長度是根據元素的文本文字垂直長度來決定的。例：1em相當於目前的字體尺寸（font-size屬性），那麼2em相當於目前字體尺寸的2倍。若用於其他屬性（width,height），則是相對於本身元素的font-size。可以作用在width、height、line-height、margin、padding、border等樣式的設定上。

2、rem單位

rem是CSS3新增的一個相對字體長度單位，只相對根元素即html元素字體大小來決定其長度，是做行動端頁面的必不可少的長度單位。

更多程式相關知識，請造訪：程式設計教學！ ！

以上是css 什麼是相對長度單位的詳細內容。更多資訊請關注PHP中文網其他相關文章！