在網站設計中，調整窗口大小是非常常見的一個需求。CSS提供了一種可以讓開發者自定義窗口大小的方法。這種方法可以讓網站在不同分辨率的設備上都表現良好，并且可以為用戶提供更好的使用體驗。
要設置CSS自定義窗口大小，需要使用視口（Viewport）單位。這些單位用于在網頁中描述屏幕的尺寸。視口單位包括vh，vw，vmin和vmax。vh代表視口高度的百分比，而vw代表視口寬度的百分比。vmin和vmax與此類似，但它們用于根據視口的寬度和高度來計算大小。
下面是一個使用vw和vh來設置元素大小的示例：

/*將元素的高度設置為視口高度的50%，將寬度設置為視口寬度的50%*/
.example{
height:50vh;
width:50vw;
}

這將使元素始終占據屏幕的50%大小，無論使用的是大屏幕還是小屏幕。
還可以使用以下代碼來設置其他視口單位：

/*將元素的高度設置為視口高度的30%，將元素寬度設置為視口寬度的50%，使用vmin*/
.example{
height:30vmin;
width:50vmin;
}
/*將元素的高度設置為視口高度的80%，將寬度設置為視口寬度的80%，使用vmax*/
.example{
height:80vmax;
width:80vmax;
}

使用這些方法，可以使網站的布局更靈活，使用戶在不同的設備上有更好的用戶體驗。