CSS中有一種相對于屏幕寬度的單位，叫做百分比單位，但是它有一個缺點，那就是無法精確定位某個元素的大小，因為它是相對于父元素的寬度進行計算的。

為了解決這個問題，CSS3推出了一個新的單位，叫做相對屏幕寬度的單位，即vw（viewport width）。它表示一個視口寬度的百分之一，也就是說，我們可以使用vw單位來直接定位屏幕中某個元素的大小。

body {
font-size: 2vw;
}

上面的代碼表示，網頁正文的字體大小將會占據整個視口寬度的2%。

除了vw單位之外，CSS3還引入了vmin和vmax兩個相對于視口寬度和高度的單位，分別表示一個視口的較小和較大尺寸。比如，如果我們想將某個元素的大小按照視口較小的一側進行縮放，可以使用vmin單位。

div {
width: 50vmin;
height: 50vmin;
}

上面的代碼表示，一個元素的寬度和高度都將按照視口較小的一側進行縮放，使得它始終是正方形的。

這些相對于屏幕寬度的單位非常有用，它們可以讓我們在不同尺寸的設備上實現更加精細的布局和設計，例如通過使用vw單位來實現響應式頁面的自適應字體大小，或者通過使用vmin或vmax單位來實現自適應圖片或元素大小等。