畫素(px)：
- 最常用的單位，相對於顯示器的解析度。1px等於螢幕上的一個點。
- 例如：
width: 100px;表示寬度為100畫素。
百分比(%)：
- 相對於父元素的尺寸。例如，如果一個元素的寬度設定為
50%，那麼它將佔據其父元素寬度的一半。 - 例如：
width: 50%;表示寬度為父元素寬度的50%。
視口寬度(vw)：
- 相對於視口（瀏覽器視窗）的寬度。
1vw等於視口寬度的1%。 - 例如：
width: 50vw;表示寬度為視口寬度的50%。
視口高度(vh)：
- 相對於視口（瀏覽器視窗）的高度。
1vh等於視口高度的1%。 - 例如：
width: 100vh;表示高度為視口高度的100%，即滿屏高度。
視口最小寬度 vmin：
- 相對於視口的寬度和高度中的較小值。
1vmin等於視口寬度和高度中較小值的1%。 - 例如：
padding: 5vmin;表示內邊距為視口寬度和高度中較小值的5%。
視口最大寬度 vmax：
- 相對於視口的寬度和高度中的較大值。
1vmax等於視口寬度和高度中較大值的1%。 - 例如：
font-size: 1vmax;表示字型大小為視口寬度和高度中較大值的1%。
em：
- 相對於當前元素的字型尺寸。
1em等於當前元素的字型大小。 - 例如：
font-size: 2em;表示字型大小是當前元素字型大小的兩倍。
rem：
- 相對於根元素（html元素）的字型尺寸。
1rem等於根元素的字型大小。 - 例如：
font-size: 1.5rem;表示字型大小是根元素字型大小的1.5倍。