在使用CSS來開發網站時，我們面對著各種不同尺寸和分辨率的設備，因此如何設置網頁的窗口大小也成為了開發中的一個重要問題。下面我們將介紹如何使用CSS來設置網頁的窗口大小。 首先，我們需要知道瀏覽器窗口的大小是由視口(viewport)決定的。視口是用戶在瀏覽器中所能看到的網頁區域，它的大小會根據不同的設備發生變化。 CSS提供了Viewport units（視口單位）來設置元素寬高。Viewport units有三種： 1. vw：表示視口寬度的百分比，1vw表示視口寬度的1%。 2. vh：表示視口高度的百分比，1vh表示視口高度的1%。 3. vmin和vmax：表示vw和vh的最小值和最大值。例如，如果視口寬度比視口高度小，則vmin表示vw和vh中的較小值，vmax表示vw和vh中的較大值。 使用vw、vh單位設置窗口大小的方法如下：

html, body {
width: 100vw; /* 窗口寬度占滿整個視口 */
height: 100vh; /* 窗口高度占滿整個視口 */
}

如果想要設置窗口相對于視口的比例，可以使用calc()函數，例如：

html, body {
width: calc(30vw - 20px); /* 窗口寬度為視口寬度的30%減去20像素 */
height: calc(50vh + 50px); /* 窗口高度為視口高度的50%加上50像素 */
}

除了使用Viewport units，我們還可以使用JavaScript來監聽視口大小的變化，然后通過CSS來改變網頁的樣式，從而實現窗口大小的控制。 總之，使用CSS來設置窗口大小雖然有些復雜，但是掌握了視口單位和JavaScript監聽，我們就能夠處理各種不同設備的窗口大小，讓我們的網頁更加適應和友好。