CSS（Cascading Style Sheets，层叠样式表）是网页设计中的重要一环。除了美化网页样式之外，它还有一个重要的作用，就是让网页能够适配不同大小的屏幕，让用户在各种设备上都能够正常使用。

在CSS中，我们可以使用媒体查询（Media Queries）来实现不同的样式效果。通过媒体查询，我们可以针对不同的屏幕大小设置不同的样式，以便在各种设备上都能够正常显示。

举个例子，我们可以这样写一个媒体查询：

@media screen and (max-width: 767px) {
/* 在小屏幕下的样式 */
}

在这个例子中，我们使用了@media关键字来表示媒体查询的开始，然后使用了screen来表示屏幕，max-width: 767px表示当屏幕宽度小于等于767像素时生效。在这个小屏幕下，我们可以设置一些样式，例如字体变小、排版调整等等，以便在小屏幕下更好地阅读。

当然，我们也可以针对其他不同的屏幕大小设置不同的样式。例如，当屏幕宽度在768像素到992像素之间时，我们可以设置一些中等屏幕下的样式，具体代码如下：

@media screen and (min-width: 768px) and (max-width: 992px) {
/* 在中等屏幕下的样式 */
}

通过使用媒体查询，我们可以让网页在不同的屏幕大小下都能够正常显示，从而提升网站的用户体验和可用性。