CSS是一種用于樣式和布局網頁的語言。在實現響應式布局時，我們需要調整網頁元素的大小和位置以適應不同的設備。下面我們來看一下如何使用CSS調整窗口大小。

/* 設置元素為相對定位，用于定位子元素 */
.parent {
position: relative;
}
/* 設置子元素為絕對定位，并使它垂直水平居中 */
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 設置元素寬度和高度為視口寬度和高度，使它占滿整個窗口 */
.fullscreen {
width: 100vw;
height: 100vh;
}

在上面的代碼中，我們使用了“vw”和“vh”這兩個單位。它們表示視口（窗口）長度的百分比。例如，100vw表示視口的寬度，而100vh表示視口的高度。

還有一個非常常用的技巧是使用媒體查詢。媒體查詢允許我們根據設備的尺寸和方向應用不同的樣式。

/* 當設備寬度小于等于600像素時，背景色變為藍色 */
@media (max-width: 600px) {
body {
background-color: blue;
}
}
/* 當設備寬度大于600像素時，背景色變為紅色 */
@media (min-width: 601px) {
body {
background-color: red;
}
}

上面的代碼將根據設備寬度應用不同的背景色。在窗口大小改變時，媒體查詢會自動觸發。

總的來說，使用CSS調整窗口大小是非常重要的。它可以使我們的網站在不同的設備上看起來更美觀和更易于使用。需要注意的是，在進行調整大小時，確保屏幕布局的比例不會失衡。