當今的網頁設計已經進入了多維度的時代，不同終端設備下的同一個網頁呈現不同的效果，這就必須要使用 CSS 網頁屏幕自適應技術來實現了。

那么，CSS 網頁屏幕自適應是什么呢？ CSS 網頁屏幕自適應就是針對不同的設備大小和分辨率，使用不同的樣式表來適配網頁。這就包括了一些 CSS 單位和布局適配等技術。

下面來看一個示例代碼：

/* 移動端CSS */
@media screen and (max-width: 480px) {
body {
font-size: 12px;
}
h1 {
font-size: 24px;
}
}
/* iPad 豎屏 */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
body {
font-size: 14px;
}
h1 {
font-size: 30px;
}
}
/* iPad 橫屏 */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
body {
font-size: 14px;
}
h1 {
font-size: 36px;
}
}

從上面的代碼可以看到，通過 CSS @media 查詢條件和不同設備的尺寸、分辨率來實現網頁樣式的適配。

此外，還可以通過 CSS 單位來實現不同設備屏幕下的元素大小設置。例如，可以使用 vw 和 vh 這兩種單位，vw 即是 viewport width，視口寬度，是相對于網頁寬度的單位，vh 即是 viewport height，視口高度，是相對于網頁高度的單位。這樣，就可以讓不同設備屏幕下的元素按比例縮放，實現自適應。

總之，CSS 網頁屏幕自適應技術是非常常用的技術，也是不可或缺的技術，因為用戶使用不同的設備訪問網頁已經是現實，而網頁的制作者也需要緊跟技術潮流，跟進用戶需求，給用戶帶來更好的體驗。