CSS是網頁設計中不可缺少的一部分，而自適應屏幕的開發技術則是近年來越來越流行的設計方案。下面就來看一下如何使用CSS實現屏幕自適應。

首先，我們需要確定網頁的基礎布局。通過使用百分比單位，我們能夠讓網頁元素隨著屏幕大小的變化而自動調整大小：

body {
width: 100%;
margin: 0;
}
.header {
width: 100%;
height: 120px;
background-color: #333;
}
.wrapper {
max-width: 960px;
margin: 0 auto;
}

通過上述代碼，我們可以看到，

body

標簽設置寬度為100%，

.header

標簽設置高度為120px，

.wrapper

標簽則被限制為最大寬度為960px。接下來，我們可以通過使用CSS3的媒體查詢來為不同的屏幕大小編寫不同的樣式：

@media screen and (max-width: 768px) {
.wrapper {
width: 100%;
}
}

在上述代碼中，我們設置當屏幕寬度小于等于768px時，

.wrapper

標簽的寬度將設置為100%，從而保證了網頁的自適應性。同時，我們也可以通過使用相對單位（如em、rem）來讓網頁元素隨著網頁字體大小的變化而自適應調整大小。

總之，CSS的自適應技術是網頁設計中的重要一環，通過學會使用不同的CSS屬性和媒體查詢，我們能夠為不同的屏幕大小編寫出相應的自適應樣式，從而實現優秀的響應式設計。