自適應屏幕大小是現代網頁設計的一個重要方面，它不僅可以讓網站在各種設備上都能夠良好顯示，還可以提高用戶的上網體驗。

在CSS中實現自適應屏幕大小的方法，主要是通過 @media rule 和 viewport meta tag 兩個屬性。

@media screen and (max-width: 768px) {
/* 在屏幕寬度小于等于 768px 的情況下，應用以下樣式 */
…
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
/* 在屏幕寬度在 768px 到 1024px 之間的情況下，應用以下樣式 */
…
}
@media screen and (min-width: 1024px) {
/* 在屏幕寬度大于或等于 1024px 的情況下，應用以下樣式 */
…
}

上述代碼中，我們使用 @media rule 設置不同的屏幕寬度范圍對應不同的樣式，從而實現對不同設備的自適應。例如在移動設備上，我們可以將字體和行距調整為更適合手機閱讀的樣式。

此外，viewport meta tag也可以用來控制自適應屏幕大小。

其中，content 屬性的作用是設置 viewport 的信息，width=device-width 表示寬度等于設備屏幕的寬度，initial-scale=1.0 表示初始縮放比例為 1：1。

當然，自適應屏幕大小并不是一項簡單的技術，需要在實踐中不斷調整和完善，才能達到最佳效果。