CSS（Cascading Style Sheets，層疊樣式表）是網頁設計中的重要一環。除了美化網頁樣式之外，它還有一個重要的作用，就是讓網頁能夠適配不同大小的屏幕，讓用戶在各種設備上都能夠正常使用。

在CSS中，我們可以使用媒體查詢（Media Queries）來實現不同的樣式效果。通過媒體查詢，我們可以針對不同的屏幕大小設置不同的樣式，以便在各種設備上都能夠正常顯示。

舉個例子，我們可以這樣寫一個媒體查詢：

@media screen and (max-width: 767px) {
/* 在小屏幕下的樣式 */
}

在這個例子中，我們使用了@media關鍵字來表示媒體查詢的開始，然后使用了screen來表示屏幕，max-width: 767px表示當屏幕寬度小于等于767像素時生效。在這個小屏幕下，我們可以設置一些樣式，例如字體變小、排版調整等等，以便在小屏幕下更好地閱讀。

當然，我們也可以針對其他不同的屏幕大小設置不同的樣式。例如，當屏幕寬度在768像素到992像素之間時，我們可以設置一些中等屏幕下的樣式，具體代碼如下：

@media screen and (min-width: 768px) and (max-width: 992px) {
/* 在中等屏幕下的樣式 */
}

通過使用媒體查詢，我們可以讓網頁在不同的屏幕大小下都能夠正常顯示，從而提升網站的用戶體驗和可用性。