CSS縮小網站是為了適應用戶不同的屏幕尺寸而進行的一項重要工作。在這里，我們將重點介紹如何使用CSS對網站進行縮小。

/* 設置網站主體字體大小 */
body {
font-size: 16px;
}
/* 設置頁面元素的字體大小 */
h1, h2, h3, p, a {
font-size: 1rem;
}
/* 設置圖片寬度 */
img {
max-width: 100%;
}
/* 設置容器寬度 */
.container {
max-width: 1200px;
margin: 0 auto;
}
/* 單獨處理移動端 */
@media screen and (max-width: 600px) {
/* 修改字體大小 */
body {
font-size: 14px;
}
/* 容器寬度縮小 */
.container {
max-width: 100%;
padding: 0 20px;
}
}

以上代碼演示了如何通過設置字體大小、圖片寬度及容器寬度來縮小網站。另外，我們使用了@media規則來實現針對移動端的單獨處理，這樣我們就可以根據不同屏幕尺寸為不同設備展示不同效果。

總之，CSS縮小網站不僅可以提高網站用戶的體驗，還可以適應不同設備的需求，從而擴展網站的覆蓋范圍。