CSS是前端開發中重要的一環。在Web開發中，窗口自適應是一個比較基礎但十分重要的功能。下面就來介紹一下如何用CSS實現自適應窗口。

首先，需要設置HTML文檔的meta標簽。這個標簽用來告訴瀏覽器如何渲染頁面。以下是一個示例：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

上面這個meta標簽的意思是，瀏覽器會將頁面的寬度設置為設備的寬度，并且以100%的縮放比例顯示。

接下來，需要用CSS來控制頁面的樣式。為了實現自適應，我們需要使用百分比值來定義頁面元素的尺寸和位置。以下是一些示例：

.container {
width: 90%;
max-width: 1200px;
margin: 0 auto;
}
.image {
width: 100%;
height: auto;
}
.text {
width: 80%;
margin: 0 10%;
}

上面這些CSS代碼的含義是：

在一個名為.container的元素中，將寬度設置為90%，并在最大寬度為1200像素時保持不變。同時，將這個元素居中顯示。

在一個名為.image的元素中，將寬度設置為100%，高度自適應，以保證圖片適應頁面不同寬度的顯示。

在一個名為.text的元素中，將寬度設置為80%，并在兩側各留出10%的空白。這樣可以讓文本在不同窗口尺寸下顯示為舒適的閱讀寬度。

通過這些代碼的設置，我們就可以實現一個自適應窗口的網頁了。