在進行網頁設計的時候，我們經常會遇到一個問題：如何設置CSS讓網頁在不同設備上有好的適應性？
答案是使用CSS的響應式設計方法，也就是所謂的“屏幕適應”。下面讓我們來了解一下如何使用CSS實現屏幕適應。
我們可以使用CSS的@media規則來對不同設備尺寸進行設置。首先，我們需要在CSS文件中定義一個適用于所有設備的基本樣式。

body {
font-size: 16px;
color: #333;
}

接下來，我們可以通過@media規則來針對不同設備設置不同樣式，比如在小屏幕設備上使用更小的字體和更少的間距，以適應小屏幕的視覺空間。

@media (max-width: 768px) {
body {
font-size: 14px;
line-height: 1.4;
}
}

上述代碼中，我們使用了@media規則并設置了最大寬度為768像素（也就是針對小屏幕設備），然后定義了一組新的樣式，將字體大小和行間距都設置為更小的數值。
類似的，我們也可以使用@media規則來設定寬度更大的設備的樣式：

@media (min-width: 992px) {
body {
font-size: 18px;
line-height: 1.6;
}
}

在這個規則中，我們設置了最小寬度為992像素（也就是大屏幕設備），然后定義了更大的字體和更寬的行間距。
通過這樣的方法，我們可以針對不同的設備尺寸來設置不同的樣式，從而讓我們的網頁適應不同的屏幕大小。
總之，在進行網頁設計的時候，屏幕適應是非常重要的一個問題。我們需要使用CSS的@media規則來針對不同的設備設定不同的樣式，以確保我們的網頁在不同的屏幕上均能有良好的適應性。