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