CSS是一種在前端開發中必不可少的技術，它可以讓網頁變得美觀、功能強大。但是在不同的設備上，網頁的顯示效果可能會有所不同。這就需要使用CSS進行適配，以確保網頁在各種設備上都能夠展現出良好的效果。

其中最基礎的一項技術就是網頁的縮小自適應。也就是說，當瀏覽器的窗口縮小時，CSS能夠自動調整網頁的大小和布局，以確保它在小屏幕設備上的可讀性和可用性。

下面是一個使用CSS實現網頁縮小自適應的示例：

.container {
max-width: 960px;
margin: 0 auto;
}
.header {
height: 50px;
background-color: #333;
color: #fff;
text-align: center;
}
.nav {
float: left;
width: 20%;
background-color: #eee;
}
.content {
float: left;
width: 80%;
background-color: #fff;
padding: 20px;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
@media screen and (max-width: 768px) {
.container {
max-width: 100%;
overflow: hidden;
}
.nav, .content {
float: none;
width: 100%;
}
}

在這個示例中，.container是整個網頁的容器，里面包含了.header、.nav和.content三個部分。當瀏覽器的寬度大于768px時，這三個部分分別占據了25%、20%和75%的寬度。但是當瀏覽器的寬度小于768px時，使用@media查詢，將容器的寬度設置為100%，并將.nav和.content的浮動設置為none，使它們在一行內排列。這樣就實現了網頁的縮小自適應。

總之，網頁的縮小自適應是CSS技術中非常基礎的一項，可以確保網站在各種不同的設備上都能夠有一個良好的顯示效果。通過使用@media查詢和一些CSS技巧，我們可以實現網站的縮小自適應，讓用戶在使用網站時有更好的體驗。