在CSS中，我們可以使用像素（px）、百分比（%）、em、rem等不同的單位來指定元素的尺寸。但是，在響應式設計中，視窗的大小經常會發生改變，這樣就會影響到元素的尺寸。為了應對這種情況，CSS3提供了窗口單位來處理這些問題。

窗口單位有兩種：vw和vh。vw表示視窗的寬度，1vw表示視窗的1%寬度，而vh表示視窗的高度，1vh表示視窗的1%高度。這兩種單位的優勢在于，它們隨著視窗尺寸的改變而自動調整。比如，一個元素的寬度設置為50vw，那么當視窗的寬度為1000px時，這個元素的寬度就是500px；當視窗的寬度為2000px時，這個元素的寬度則變成1000px。

除了vw和vh，CSS3還提供了vmin和vmax兩種窗口單位。vmin表示視窗寬度和高度中較小的那個值，vmax則表示視窗寬度和高度中較大的那個值。這兩種單位也隨著視窗大小的改變而自動調整。

.example {
width: 50vw; /* 寬度為視窗寬度的一半 */
height: 80vh; /* 高度為視窗高度的80% */
font-size: 2vmin; /* 字體大小為視窗寬度和高度中較小值的2% */
}

需要注意的是，窗口單位的兼容性不是很好，不能兼容一些老版本的瀏覽器。但是，在現代的瀏覽器中，窗口單位已經得到了廣泛的應用。