CSS 中的等比縮放，指的是將元素寬度或高度按照相同的比例進行縮放，以保持其寬高比不變。這種技術可以讓網站在不同設備上展現一致的視覺效果，尤其是在響應式設計中非常實用。

.image {
width: 100%;
height: auto;
}

上面的代碼片段是一個基本的等比縮放示例，通過將寬度設置為 100% 并將高度設置為 auto，可以讓圖片按比例縮放以適應其容器的大小。這種方法同樣適用于嵌入式視頻和其他元素。

不過，通常情況下需要保持圖片的最小和最大尺寸，以確保它們不會變得過分模糊或者過分巨大。可以使用 min-width、max-width、min-height 和 max-height 屬性來設置這些值。

.image {
width: 100%;
height: auto;
min-width: 300px;
max-width: 800px;
}

除了將寬度和高度屬性設置為百分比外，也可以使用 vw 和 vh 單位來實現等比縮放。vw 表示相對于視窗寬度的百分比，vh 表示相對于視窗高度的百分比。

.image {
width: 50vw;
height: 50vw;
}

上面的代碼將圖片寬度和高度都設置為瀏覽器視窗寬度的一半，從而實現了等比縮放。

總之，在進行響應式設計時，等比縮放是必須掌握的一個技能。它能夠讓文本、圖片和其他元素在不同設備上以一致的方式呈現，為用戶提供更好的體驗。