CSS中的等比例換算，可以讓網頁在不同的設備上顯示相同的效果，達到響應式設計的目的。

等比例換算即是根據元素原來的寬度和高度，按照一定的比例進行縮放，保持寬高比不變。例如，若原來的寬度為200px，高度為100px，等比例縮放到100px寬，則高度應為50px。

實現等比例換算，可以使用CSS中的百分比單位和媒體查詢。下面是一個示例代碼：

/* 定義一個類名為box的樣式，寬度為200px，高度為100px，背景顏色為灰色 */
.box {
width: 200px;
height: 100px;
background-color: #ccc;
}
/* 在@media規則下，當視口寬度小于600px時，通過縮放實現等比例換算 */
@media screen and (max-width: 600px) {
.box {
width: 50%;
height: auto;
}
}

在上述代碼中，當視口（即瀏覽器窗口或設備屏幕）的寬度小于等于600px時，通過將寬度設置為50%，高度設置為auto來實現等比例換算。即使在不同的設備上，如手機、平板、電腦等，也可以實現相同的效果。

總之，使用CSS中的等比例換算可以使網頁在不同的設備上呈現出相同的效果，提高用戶的體驗。在實際開發中，應根據具體的需求和設計要求，選擇合適的縮放比例和媒體查詢規則來實現。