CSS是網頁設計中必不可少的一部分，它可以控制網頁的樣式，包括字體、顏色、大小等等。其中一個很重要的應用就是網頁欄目自動調整。

在一個網頁中，欄目的數量和內容可能經常變化，而為了適應不同的設備，我們需要讓欄目自動調整，以在不同的屏幕上展現最佳效果。這就需要使用CSS來完成。

@media screen and (max-width: 600px) {
/* 在屏幕小于600px時調整樣式 */
.menu-item {
width: 50%;
}
}
@media screen and (max-width: 400px) {
/* 在屏幕小于400px時調整樣式 */
.menu-item {
width: 100%;
}
}

以上代碼是一個例子，可以根據實際情況進行修改。其中，我們使用@media查詢來檢測當前屏幕的大小，并根據屏幕大小來調整我們的樣式。例如，當屏幕小于600px時，我們將菜單項的寬度設置為50%；當屏幕小于400px時，我們將其設置為100%。

使用CSS來自動調整網頁欄目不僅可以提高用戶體驗，還可以讓我們的網站更加適配不同的設備，讓更多的人能夠訪問我們的網站。