在CSS中，有一種名為“視口單位”的東西，即在不同設(shè)備上可以使用的相對長度單位。

其中一種最常用的視口單位是“vw”。“vw”表示視口寬度的1/100，即1vw = 視口寬度 / 100 。例如，如果視口寬度為1000像素，則1vw將等于10像素。

除了“vw”之外，還有另一種視口單位叫做“vm”。它表示視口寬度和高度中的最小值的1/100。也就是說，1vm等于視口寬度和高度中的最小值 / 100。例如，如果視口寬度為800像素，高度為1200像素，則1vm將等于8像素（因為800和1200中的最小值是800）。

.container {
width: 80vm; /* 寬度是視口寬度和高度中的最小值的80% */
height: 50vm; /* 高度是視口寬度和高度中的最小值的50% */
font-size: 2.5vm; /* 字號是視口寬度和高度中的最小值的2.5% */
}

可以看出，“vm”單位非常適合用于響應(yīng)式設(shè)計，因為它是相對于視口大小的，而不是固定大小的。因此，當(dāng)瀏覽器窗口大小發(fā)生變化時，元素的大小也會跟著變化。