在網(wǎng)頁設(shè)計中，我們經(jīng)常會用到CSS來控制元素的寬度和高度，但是如果我們直接使用像素(px)或者百分比(%)來設(shè)置，很容易導(dǎo)致在不同設(shè)備上和不同分辨率的屏幕上，呈現(xiàn)出來的效果并不一致，這時候，使用vw(vh)就是一個很好的解決方案。

vw是Viewport Width的縮寫，表示與瀏覽器視口寬度相對應(yīng)的單位。因為vw的值是相對于視口寬度而言的，所以不會受到設(shè)備像素比的影響。一般情況下，我們將一個元素的寬度設(shè)置為100vw，就可以讓它的寬度占據(jù)整個頁面的寬度。

article {
width: 100vw;
}

同樣地，我們也可以使用vh(Viewport Height)來控制元素的高度。除此之外，還可以將元素的寬高比例設(shè)置成使用vw(vh)，這樣無論用戶調(diào)整頁面尺寸或者使用不同分辨率的屏幕，元素的寬高比例都會保持一致。

img {
width: 50vw;
height: 50vw;
}
.video {
width: 80vw;
height: 30vw;
}

需要注意的是，在使用vw(vh)單位時，元素的最小寬度和最小高度都是0。因此，如果想讓一個元素的寬度或高度不小于設(shè)定值，可以再加一個min-width或min-height屬性。

aside {
width: 80vw;
min-width: 850px;
}

總的來說，使用vw(vh)單位是一個非常靈活和方便的方式，可以讓我們在不同設(shè)備和不同分辨率的屏幕上，更加精細地控制頁面的呈現(xiàn)效果。但是需要注意的是，vw(vh)單位并不支持IE瀏覽器，因此在編寫代碼時需要考慮到兼容性的問題。