CSS是一種用于定義網頁樣式的語言，其中之一的功能是按比例縮小網頁。當你在不同大小的設備上查看網頁時，按比例縮小網頁可以讓網頁在不同大小的設備上展現出同樣的效果。

/* 實現按比例縮小網頁的CSS代碼 */
body{
width: 100%; /* 確保網頁寬度占滿整個屏幕 */
}
@media only screen and (max-width: 768px){ /* 在小于等于768px的設備上執行該CSS代碼 */
body{
zoom: 80%; /* 將網頁縮小為80%的大小 */
}
}
@media only screen and (max-width: 576px){ /* 在小于等于576px的設備上執行該CSS代碼 */
body{
zoom: 70%; /* 將網頁縮小為70%的大小 */
}
}

以上的代碼使用@media指令以柵格的形式定義了網頁適應的不同設備的大小。通過將zoom值設置為小于100%，即可實現網頁按比例縮小。

需要注意的是，這種方法只是一種基本的縮放方式。在實踐中，為了達到更好的縮放效果，需要更詳細的設置和調整CSS代碼。