CSS是網頁設計中必不可少的一部分，其中有一項功能是獲取窗口大小。在設計響應式布局時，獲取窗口大小可以幫助我們自適應地調整頁面布局，使其能夠在不同尺寸的設備上都有良好的顯示效果。那么在CSS中，如何獲取窗口大小呢？下面我們就來詳細講解。

/* 獲取窗口寬度*/
@media screen and (min-width: 320px) and (max-width: 767px) {
body {
width: 100%;
}
}
/* 獲取窗口高度*/
@media screen and (orientation: portrait) {
body {
height: 100%;
}
}

以上是兩種常見的獲取窗口大小的方法，分別用到了CSS中的media query和orientation屬性。其中，我們可以通過設定最小和最大寬度，來使頁面自適應地適應不同的屏幕尺寸。而在獲取窗口高度時，我們與屏幕的方向有關聯，通過portrait屬性來指定為豎屏顯示時將頁面高度設定為100%。

需要注意的是，在設計響應式布局時，獲取窗口大小只是其中的一部分內容，我們還需要注意網頁中其他元素的自適應調整。另外，在編寫CSS代碼時，要注意兼容不同的瀏覽器和設備，并進行測試和調整。