CSS中表示字體大小的單位主要有兩種,分別為絕對單位和相對單位。
絕對單位是指尺寸固定不變,在不同的瀏覽器和設備上顯示的大小會有所不同。比較常用的絕對單位有:
px(像素):是最常用的絕對單位,指定一個固定大小的像素值。 pt(磅):常用于打印和印刷領域,1磅= 1/72英寸。 in(英寸):1英寸= 2.54厘米。 cm(厘米):1厘米= 0.3937英寸。 mm(毫米):1毫米= 0.1厘米。
相對單位是相對于其他元素來計算字體大小,其大小會隨著其他元素的變化而變化,比較常用的相對單位有:
em(相對于當前元素的字體大小來計算)。 rem(相對于根元素HTML的字體大小來計算)。 vw(視口寬度的1/100)。 vh(視口高度的1/100)。 %
為了實現頁面的自適應,相對單位比較常用,而絕對單位則一般用于字體大小固定的頁面元素,我們需要根據具體情況靈活選擇。