CSS中unit主要用于設置元素的尺寸和位置。常用的unit有以下幾種:
em:相對長度單位,根據父元素的字體大小來計算; rem:相對于根元素的字體大小,也就是html元素的字體大小; %:相對于父元素的寬度來計算; px:絕對長度單位,固定不變; pt:絕對長度單位,根據屏幕分辨率來計算; cm、mm、in、pc:絕對長度單位; vw、vh、vmin、vmax:相對于視口的寬度、高度或最小/最大尺寸。
其中,em和rem常用于設置文本大小,而%常用于設置圖片和容器大小。px是最常用的單位,主要用于設置固定尺寸的元素。
vw、vh、vmin、vmax是相對于視口的尺寸,這在開發響應式網站時非常有用。vw和vh分別表示視口的寬和高,可以直接設置為100vw或100vh,填滿整個屏幕。而vmin和vmax則根據視口的寬和高之間的較小值或較大值來計算。
不同的unit之間可以互相轉換。例如,1rem等于根元素的字體大小,而根元素的字體大小通常為16px,因此1rem等于16px。而1vw等于視口寬度的1%,如果視口寬度為1000px,那么1vw等于10px。
上一篇css中url鋪滿背景