CSS相對長度是相對于其它內容進行定義的。相對長度單位只能在某些特定的屬性上使用,比如width,height,font-size等。
相對長度單位包括:
em rem %
em:
em是相對于當前元素的字體大小來定義寬度或高度的長度單位。例如:
p { font-size: 16px; width: 20em; }
20em表示這個段落的寬度為當前字體大小16px的20倍,即320px。
rem:
rem是相對于根元素(html)的字體大小來定義寬度或高度的長度單位。例如:
p { font-size: 16px; padding: 1rem; }
1rem表示這個段落的padding為根元素(html)的字體大小16px的1倍,即16px。
%:
%是相對于父元素的寬度或高度來定義寬度或高度的長度單位。例如:
div { width: 50%; }
50%表示這個div的寬度為其父元素寬度的一半。
相對長度單位可以讓開發者更加靈活地控制元素的大小和位置,尤其是在移動端的開發中,可以很好地適應不同的屏幕尺寸。但是,對于em和rem這兩個長度單位,需要注意字體大小的繼承問題,不合理的嵌套會導致頁面樣式不一致或混亂。
上一篇mysql實現查詢倒計時
下一篇css相對水平垂直居中