CSS是一種非常重要的網頁設計語言，它可以為網頁添加樣式和布局。而當今網頁設計越來越多地面對不同設備、不同分辨率的挑戰，因此如何讓網頁樣式在不同的設備上表現一致非常重要。

為了解決這個問題，我們可以使用響應式設計。響應式設計就是通過CSS媒體查詢（media query）來適應不同的屏幕大小。具體實現方式如下：

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

通過以上媒體查詢，我們可以為不同的屏幕大小設置不同的樣式。比如在較小的屏幕下可以將字體和圖片大小縮小，以適應小屏幕的顯示；而在較大的屏幕下可以放大字體和圖片，以更好的展現網頁內容。

除了使用媒體查詢外，我們還可以使用CSS3中的彈性盒模型（Flexbox）和柵格系統（Grid system）等技術來適應不同的屏幕。這些技術可以自適應地調整網頁內容的布局和排列方式，使得網頁在不同的設備上呈現出最佳的效果。

綜上所述，通過使用響應式設計和各種技術手段，我們可以輕松地實現網頁在不同屏幕下的自適應，提高網頁的可訪問性和用戶體驗。