CSS技術可以讓Web頁面隨著屏幕大小而自動適應顯示。這種自適應的頁面，即響應式設計網站，已經是Web設計中常見的方案之一了。響應式網頁使得瀏覽器自動根據屏幕尺寸來改變元素的大小、位置和布局，從而提高用戶的瀏覽體驗。

@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時的樣式 */
}

通過媒體查詢，我們可以設置不同屏幕尺寸下的CSS樣式。在一個HTML文檔中，可以用多個媒體查詢來規定不同屏幕尺寸下的樣式。通過這些規則，我們可以動態地控制響應式頁面的外觀和布局。

除了媒體查詢，還有一些CSS屬性可以用于實現Web屏幕自適應。其中，“vw”單位是根據視口寬度來計算的長度單位，它可以讓元素隨屏幕大小調整。在上述媒體查詢中，我們使用的是百分比單位，可以讓元素相對于父元素調整。這些單位讓我們可以更靈活地設置CSS樣式，實現Web頁面的自適應。