溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹CSS中常用的相對長度單位有哪些，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
在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中常用的相對長度單位有哪些”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
