CSS單位長度是網頁設計中一個基本的概念,通過它我們可以控制網頁中各種元素的大小。下面將詳細介紹常見的單位長度。
像素(px):是一個固定的尺寸單位,即一個像素就是顯示器上的一個點(dot)。在大部分情況下,像素是我們使用得最多的單位。
相對長度單位:
em(相對于父元素的字體大小):指定元素字體大小的倍數。如果一個元素的字體大小是16px,那么1em就是16px,2em就是32px。 rem(相對于根元素的字體大小):指定元素字體大小的倍數,不同于em,它的參考點不是父元素,而是根元素,即html元素。所以rem更加靈活可靠。 %
百分比單位:
百分比(%):相對于父元素的寬度或者高度進行設置。例如:width:50%; 表示元素寬度為父元素的50%。
視口單位:
vw(相對于視口寬度):視口寬度將被分成100個單位,1vw等于視口寬度除以100。 vh(相對于視口高度): 視口高度將被分成100個單位,1vh等于視口高度除以100。 vmin(相對于視口高度和寬度中的最小值):將視口高和寬中的小者分成100個單位。 vmax(相對于視口高度和寬度中的最大值):將視口高和寬中的大者分成100個單位。
總結:
以上是css常見的長度單位,我們在使用時應考慮到元素的實際需求,選擇最合適的單位進行設置。在一些移動端設備上,使用vw、vh單位可以更好的適應不同分辨率屏幕。
上一篇css單位的絕對單位
下一篇mysql數據庫通俗講解