CSS是前端開發中最重要最基礎的技術之一，它可以控制網頁的布局，排版和樣式。窗口大小的設置是CSS中常用的技巧，可以幫助我們讓網頁在不同的設備上都有良好的顯示效果。

下面我們來學習一些關于CSS窗口大小設置的方法。

/* 設置元素的最大寬度為窗口寬度的80% */
.main-container {
max-width: 80vw;
}
/* 當窗口寬度小于等于600像素時，元素的寬度為窗口寬度的90% */
@media (max-width: 600px) {
.main-container {
width: 90vw;
}
}

以上代碼的第一個部分可以讓元素的最大寬度為窗口寬度的80%，這樣能夠讓網頁在大屏設備上展現更為美觀的布局和排版；而第二個部分則使用了媒體查詢（Media Queries）技術，當窗口寬度小于等于600像素時，元素的寬度會設置為窗口寬度的90%，這樣可以讓網頁在移動設備上有更好的顯示效果。

除了以上的方法，我們還可以使用響應式網頁設計（Responsive Web Design）技術，通過媒體查詢和彈性布局（Flexbox）來構建適應不同設備窗口大小的網頁。

總之，CSS中窗口大小的設置涉及到適應不同設備和屏幕的布局和排版，這是前端開發中非常重要的一個技術點，需要我們持續地學習和更新自己的知識。