CSS是網頁設計中不可或缺的一部分，其中調整盒子大小是非常常見的一個需求。

要調整盒子大小，我們首先需要了解幾個屬性：

width：盒子寬度
height：盒子高度
max-width：最大寬度
max-height：最大高度
min-width：最小寬度
min-height：最小高度

下面我們來看幾個例子：

1. 設置固定大小的盒子

.box {
width: 300px;
height: 200px;
}

2. 根據瀏覽器窗口大小自動調整盒子大小

.box {
width: 100%;
height: 100%;
}

3. 根據內容自動調整盒子大小

.box {
width: fit-content;
height: fit-content;
}

4. 設置最大寬度和最大高度

.box {
max-width: 500px;
max-height: 300px;
}

5. 設置最小寬度和最小高度

.box {
min-width: 200px;
min-height: 100px;
}

通過上述屬性的使用，我們可以輕松調整盒子大小，達到我們想要的效果。