CSS是一種用于網頁設計的樣式表語言，它可以控制文本、圖像和其它網頁元素的顯示樣式。在網頁設計中，要確保頁面可以隨著屏幕大小的改變而自適應，這就需要使用響應式設計技術，其中一個重要的方面就是使用媒體查詢來改變CSS樣式。

@media screen and (max-width:767px) { 
/* 屏幕寬度小于等于767px時應用的樣式 */
}
@media screen and (min-width:768px) and (max-width:991px) { 
/* 屏幕寬度在768px和991px之間時應用的樣式 */
}
@media screen and (min-width:992px) and (max-width:1199px) { 
/* 屏幕寬度在992px和1199px之間時應用的樣式 */
}
@media screen and (min-width:1200px) { 
/* 屏幕寬度大于等于1200px時應用的樣式 */
}

上述媒體查詢代碼將根據屏幕大小應用不同的CSS樣式，例如在手機上閱讀時，可以使用較小的字體和簡化的布局，以便頁面更容易閱讀。而在較大的屏幕上閱讀時，可以使用更大的字體和更豐富的布局，以便頁面更加美觀。

當然，響應式設計不是唯一的方法來實現屏幕自適應。還有一些流行的框架，如Bootstrap和Foundation，它們已經包含了許多響應式設計的元素和布局，并提供了許多預定義的CSS樣式和JavaScript插件。使用這些框架可以簡化網頁設計過程，但同時也可能會增加頁面大小，降低網頁的加載速度。