在CSS3中，引入了vw和vh這兩個新的單位。vw代表視口寬度的百分比，vh代表視口高度的百分比。

width: 50vw;
height: 80vh;

上述代碼表示寬度為視口寬度的50％，高度為視口高度的80％。

使用vw和vh可以使得網頁在不同的設備上都能實現相對一致的尺寸和布局效果，而不必擔心不同設備分辨率不同導致的樣式不同的問題。

@media (min-width: 600px) {
.element {
font-size: 4vw;
}
}

上述代碼表示在視口寬度大于等于600px時，字體大小將按照視口寬度的4％來確定。

需要注意的是，vw和vh是相對于視口的大小來定義的，而不是相對于元素或父元素的大小。因此，在應用vw和vh時需要特別注意。