要实现网页的自适应效果，可以使用CSS媒体查询来实现。媒体查询可以根据不同的设备或浏览器特性，为不同的屏幕尺寸应用不同的CSS样式。以下是使用CSS媒体查询实现网页自适应的示例：

“`

@media (max-width: 600px) {

}

@media (min-width: 601px) and (max-width: 1024px) {

}

@media (min-width: 1025px) {

}
“`

在上述代码中，`@media`关键字定义了一个媒体查询，并使用括号里的条件来确定应用样式的范围。`max-width`和`min-width`用于设定屏幕宽度的最大和最小值。

使用媒体查询的时候，可以根据不同设备的屏幕尺寸选择性应用对应的CSS样式，从而实现网页在不同设备上的自适应布局和样式效果。例如，在小屏幕设备上可以使用更紧凑的布局和字体大小，以适应较小的屏幕空间。而在大屏幕设备上可以使用更宽松的布局和字体大小，以填充更大的屏幕空间。

通过使用CSS媒体查询，可以实现网页在不同设备上的自适应效果，提升用户体验和网页的可用性。