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

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

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

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