CSS中有兩個(gè)屬于是相對(duì)于視窗大小來(lái)進(jìn)行設(shè)置的單位，分別是vw和vh。VW指的是視窗寬度的百分之一，而VH則是視窗高度的百分之一。這兩個(gè)單位之間有什么區(qū)別呢？下面我們就來(lái)看看vw和vh的區(qū)別。

// 使用 vw
div {
width: 50vw;
height: 50vw;
}
// 使用 vh
div {
width: 50vh;
height: 50vh;
}

首先，VW和VH的設(shè)置都是相對(duì)于視窗大小來(lái)進(jìn)行的，但是它們針對(duì)的方向卻是不一樣的。vw是針對(duì)視窗寬度的，而vh是針對(duì)視窗高度的。因此當(dāng)我們?cè)谠O(shè)置寬高的時(shí)候，需要根據(jù)需求來(lái)決定使用哪一個(gè)單位。

其次，視窗大小并不完全等同于設(shè)備的屏幕大小。有時(shí)候頁(yè)面會(huì)被放大或者縮小，那么視窗大小也會(huì)發(fā)生相應(yīng)的變化。因此在使用vw和vh的時(shí)候，需要時(shí)刻注意這一點(diǎn)，并且考慮如何適應(yīng)不同大小的視窗。

最后，我們需要注意的是vw和vh的兼容性問(wèn)題。一些舊版本的瀏覽器可能并不支持vw和vh這兩個(gè)單位，因此在使用的時(shí)候需要進(jìn)行兼容性處理。可以采用一些其他的單位或者使用JavaScript來(lái)解決這個(gè)問(wèn)題。