在进行网页设计的时候，我们经常会遇到一个问题：如何设置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规则来针对不同的设备设定不同的样式，以确保我们的网页在不同的屏幕上均能有良好的适应性。