CSS根據屏幕自動調整大小可以實現響應式設計，讓網站在不同的設備上呈現出更好的顯示效果。這意味著，當使用者在不同的設備上訪問同一個網站時，頁面元素會自動適應不同的屏幕大小，以保證內容的可讀性和可操作性。

實現這一目標的方式是使用CSS媒體查詢，它可以設置不同的CSS規則以適應不同的屏幕大小。首先，我們需要指定在何種情況下應用這些規則。例如，下面這個媒體查詢指定了在屏幕寬度小于480像素時應用規則：

@media screen and (max-width: 480px) {
/* 在此指定CSS規則 */
}

接下來，我們可以在媒體查詢下指定不同的CSS規則，以調整元素的大小和位置。例如：

@media screen and (max-width: 480px) {
#header {
font-size: 18px;
margin: 10px;
}
#navigation {
display: none;
}
}

在上面的示例中，我們設置了在寬度小于480像素時，標題的字體大小將減小并添加較小的邊距，導航欄將不會顯示。當屏幕大小大于這個寬度時，CSS將撤銷這些修改并返回默認值。

總之，在CSS中使用媒體查詢可以輕松實現響應式設計。它可以幫助我們在不同尺寸的屏幕上優化頁面顯示效果，提高用戶體驗。