在CSS中，視窗（Viewport）指的是網頁在瀏覽器中呈現的區域。視窗的大小和形狀取決于瀏覽器窗口或移動設備屏幕的大小。通常，CSS樣式中的各種單位（如像素、百分比等）都是相對于視窗而言的。

/* 示例代碼 */
body {
width: 100%;
height: 100%;
}
.header {
width: 100%;
height: 60px;
background: #f2f2f2;
}
.container {
width: 80%;
margin: 0 auto;
padding: 20px;
}
@media (max-width: 768px) {
.container {
width: 100%;
padding: 10px;
}
}

在上面的代碼中，我們可以看到樣式被設置為相對于視窗的大小進行計算。其中，body元素的寬度和高度都被設置為100%。這表明body元素要占據整個視窗。

接下來，.header類定義了一個占據視窗寬度的頂部導航欄。我們可以看到它的高度被設置為60像素，并且背景色為灰色。

.container類定義了一個頁面主體的容器。它的寬度設置為80%。另外，它還有一個水平居中的margin屬性和20像素的padding屬性。

最后，我們定義了一個@media查詢，用于在視窗寬度小于768像素時重新設置.container類的樣式。在這種情況下，我們將它的寬度設置為100%、padding屬性設置為10像素，以適應移動設備上較小的屏幕。