欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css單位長度

黃文隆2年前8瀏覽0評論

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單位可以更好的適應不同分辨率屏幕。