CSS3中新增的單位vw，即代表視口寬度的“viewport width”。 在以前的CSS中，如果我們想要讓一個元素的寬度為視口寬度的一半，我們需要用JavaScript來完成計算，然后再將結果賦值給CSS的寬度屬性。而使用vw單位，則可以極大地簡化代碼。 使用vw單位的方法很簡單，只需要在CSS中使用數字加上vw單位即可。例如，1vw代表著視口寬度的1%。 下面我們來看一個使用vw單位的例子：

p {
font-size: 3vw;
width: 60vw;
height: 40vw;
}

上面的代碼中，我們將段落元素的字體大小設置為視口寬度的3%、寬度為視口寬度的60%、高度為視口寬度的40%。這樣，無論用戶使用何種設備，頁面中的元素都能隨著視口的大小而自適應調整。 需要注意的是，vw單位是按照視口寬度來計算的，而不是按照窗口寬度。這意味著，當用戶調整瀏覽器窗口的大小時，頁面中的元素也會相應地改變大小。 在使用vw單位時，我們也需要注意瀏覽器兼容性的問題。例如，在IE瀏覽器的早期版本中就不支持這種單位。因此，在使用vw單位時，我們需要考慮到不同瀏覽器的兼容性，以確保頁面能夠正常顯示。 總的來說，vw單位的出現使得我們的CSS代碼更加簡潔、靈活，能夠更好地適應不同的屏幕大小。但同時我們也需要注意到瀏覽器的兼容性，以確保頁面的正確性和穩定性。