CSS中通常使用響應式設計來滿足用戶在不同屏幕尺寸下的需求。

/* 對于小屏幕設備，設置頁面元素寬度為100% */
@media only screen and (max-width: 600px) {
body {
width: 100%;
}
}
/* 對于中等尺寸的屏幕，設置頁面元素寬度為80% */
@media only screen and (min-width: 601px) and (max-width: 960px) {
body {
width: 80%;
}
}
/* 大屏幕設備，設置頁面元素寬度為50% */
@media only screen and (min-width: 961px) {
body {
width: 50%;
}
}

以上代碼使用媒體查詢來根據不同屏幕尺寸設置頁面元素的寬度，從而讓頁面在不同設備上呈現出最佳效果。

此外，使用響應式設計還可以改變字體大小、圖片尺寸、元素位置等等，以適配不同屏幕尺寸和設備類型。

總的來說，CSS中的響應式設計可以讓我們更好地為用戶提供優質的用戶體驗，并且提高頁面的可用性和可訪問性。