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

在一個網(wǎng)頁中，欄目的數(shù)量和內(nèi)容可能經(jīng)常變化，而為了適應不同的設備，我們需要讓欄目自動調(diào)整，以在不同的屏幕上展現(xiàn)最佳效果。這就需要使用CSS來完成。

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

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

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