在css中, 長度單位分為以下幾種
各單位介紹
px
不用過多介紹, 精確畫素
in
寸cm
厘公尺mm
公釐pt
大約1/72寸
pc
大約1/6寸
vw
以視窗寬度為參照, 1vw為視窗寬度的1%
vh
視窗高度為參照, 1vh為視窗高度的1%
vmin
視窗的寬度和高度中較小的乙個為參照
vmax
視窗的寬度和高度中較大的乙個為參照
%
以父節點為基準的百分比
em
以父節點字型大小為基準值
rem
以根節點字型大小為基準值
ex
當前字型x的高度為基準
ch
以當前字型0字元為基準值
在css中, 長度單位分為以下幾種
各單位介紹
px
不用過多介紹, 精確畫素
in
寸cm
厘公尺mm
公釐pt
大約1/72寸
pc
大約1/6寸
vw
以視窗寬度為參照, 1vw為視窗寬度的1%
vh
視窗高度為參照, 1vh為視窗高度的1%
vmin
視窗的寬度和高度中較小的乙個為參照
vmax
視窗的寬度和高度中較大的乙個為參照
%
以父節點為基準的百分比
em
以父節點字型大小為基準值
rem
以根節點字型大小為基準值
ex
當前字型x的高度為基準
ch
以當前字型0字元為基準值
CSS中的單位
在css中單位長度用的最多的是px em rem，這三個的區別是 px是固定的畫素，一旦設定了就無法因為適應頁面大小而改變。em和rem相對於px更具有靈活性，他們是相對長度單位，意思是長度不是定死了的，更適用於響應式布局。對於em和rem的區別一句話概括 em相對于父元素，rem相對於根元素。re...
CSS中的度量單位
px 相對長度單位。畫素 pixel 畫素是相對於顯示器螢幕解析度而言的。em相對長度單位。相對於當前物件內文字的字型尺寸。如當前行文字的字型尺寸未被人為設定，則相對於瀏覽器的預設字型尺寸。ex相對長度單位。相對於字元 x 的高度。此高度通常為字型尺寸的一半。如當前行文字的字型尺寸未被人為設定，則相...
CSS中的em單位
css中有眾多單位，常用的px是絕對單位，em則是相對單位。在響應式和移動端的大前提下，使用em能夠更方便快捷的一次性調整web文件極其html元素的字型大小 寬度 邊距 邊框等一系列屬性，可以說在某些方面，使用em作為單位比px更靈活。em是css中的乙個相對單位，它的單位長度是根據元素的文字垂直...