CSS中的等比縮放是指元素的寬度和高度之間保持一定的比例，使得元素不會因為縮小或放大而變形。下面我們通過pre標簽展示一段等比縮放的CSS代碼：

.box {
width: 250px; /*設定元素初始寬度*/
height: 150px; /*設定元素初始高度*/
background-color: #f5f5f5;
margin: 0 auto; /*居中*/
transition: all .3s ease-in-out; /*添加過渡效果*/
}
/*窗口縮放時觸發(fā)*/
@media screen and (max-width: 600px) {
.box {
width: 100%; /*寬度設為100%*/
height: 0; /*高度設為0*/
padding-bottom: 60%; /*設置padding-bottom，使元素按比例縮放*/
}
}

在這段代碼中，我們創(chuàng)建了一個名為box的元素，設定其初始寬度為250像素，初始高度為150像素，并且添加了背景顏色和居中樣式。接下來，我們在@media規(guī)則中設置了窗口縮放時觸發(fā)的樣式，當窗口寬度小于等于600像素時，元素的寬度變?yōu)?00%，高度變?yōu)?，并且通過padding-bottom設定元素按比例縮放。

這樣，無論窗口大小如何變化，我們的box元素都能保持等比例縮放，從而讓頁面內(nèi)容更加美觀和易于閱讀。