CSS中的vw和vh單位是相對于視口的寬度和高度進行計算的。在響應式設計中，使用vw和vh可以很好地適應不同屏幕尺寸和設備。

.example {
width: 50vw;
height: 50vh;
}

以上代碼將元素的寬度和高度設置為視口寬度和高度的一半。這樣，無論在何種設備上，元素都會保持一定的占比。

需要注意的是，使用vw和vh時需要考慮到瀏覽器兼容性。老版本的瀏覽器可能不支持這兩個單位，因此在設計中需注意兼容性問題。

.example {
width: 50%;
height: 50%;
width: 50vw;
height: 50vh;
}

為了兼容老版本瀏覽器，可以設置一個備用的百分比值。這樣，在不支持vw和vh單位的瀏覽器中，元素仍然會保持一定的占比。

總的來說，CSS中的vw和vh單位是適應不同設備和響應式設計的有用工具，但需要注意瀏覽器兼容性，以及在不支持這兩個單位的情況下設置備用值。