CSS是網頁開發中不可缺少的一環。隨著移動設備的普及,CSS新增了一些單位來適應不同分辨率和設備。
/* rem */ html { font-size: 16px; } h1 { font-size: 2rem; }
rem單位是指根據html元素的字體大小來確定的長度。當html字體大小為16px時,1rem等于16px。rem適合在響應式設計中使用,可以根據設備的不同自動縮放。
/* vh, vw */ div { width: 50vw; height: 50vh; }
vh和vw分別表示視口高度和寬度的百分比。例如,一個元素的寬度設置為50vw,即為視口寬度的50%。
/* vmin, vmax */ div { width: 50vmin; height: 50vmax; }
vmin和vmax是基于視口高度和寬度中最小或最大值的百分比。例如,一個元素的寬度設置為50vmin,即為視口寬度和高度中較小的一方的50%。
CSS新增的單位使得網頁開發更加靈活和適用于不同設備,我們可以根據具體情況來選擇使用哪種單位。