CSS中的vw和vh是比較新的單位，它們用于將元素的尺寸與視口的尺寸相對應。

vw是Viewport width的縮寫，代表視口的寬度。1vw等于視口寬度的1%。例如，將一個元素的寬度設置為50vw，就是將其寬度設置為視口寬度的50%。如果視口寬度為1000px，則該元素的寬度為500px。

.example {
width: 50vw;
}

vh是Viewport height的縮寫，代表視口的高度。1vh等于視口高度的1%。例如，將一個元素的高度設置為50vh，就是將其高度設置為視口高度的50%。如果視口高度為800px，則該元素的高度為400px。

.example {
height: 50vh;
}

vw和vh可以用于響應式設計，使得頁面上的元素可以根據設備屏幕的大小自適應縮放。但是，需要注意的是，vw和vh可能會導致元素的尺寸變得非常大或非常小，因此需要謹慎使用。

除了vw和vh，還有一個單位叫做vmin。vmin代表視口寬度和高度中較小的值。例如，將一個元素的尺寸設置為50vmin，就是將該元素的尺寸設置為視口寬度和高度中較小的值的50%。

.example {
width: 50vmin;
height: 50vmin;
}

在使用vw、vh和vmin時，需要考慮元素的布局和比例。可以將寬高比例設置為固定值，以確保元素的比例不發生變化。

總之，vw和vh是一種非常有用的單位，可以使得頁面上的元素具有很好的響應式性能。在使用它們時需要注意元素的尺寸和比例，以確保頁面布局的正確性。