CSS同比例縮放是一項非常有用的技術，它允許我們在保持元素寬高比例不變的情況下，縮放元素的大小。這在開發(fā)響應式網(wǎng)站時極其重要，因為我們需要確保網(wǎng)站在不同尺寸的屏幕上顯示良好。

.box {
width: 300px;
height: 200px;
background-image: url("image.jpg");
background-size: cover;
}
/* 同比例縮放 */
.box {
width: 100%;
padding-bottom: 66.66%;
background-image: url("image.jpg");
background-size: cover;
}

在上面的代碼中，我們首先定義了一個寬度為300像素，高度為200像素，背景圖像為image.jpg，并且背景大小為cover的.box類。這個元素的寬高比例是3：2。

接下來，我們使用同比例縮放將.box元素的寬度設置為100%，并使用padding-bottom將元素的高度設置為當前寬度的66.66%。這樣做的結果是，元素的寬高比例保持不變，但其大小會根據(jù)容器的寬度進行縮放，以適應不同的屏幕尺寸。

同比例縮放還可以用于任何需要保持寬高比例不變的元素，例如嵌入式視頻或圖像。但需要注意的是，必須指定元素的高度，以及使用padding-bottom將其設置為寬度的百分比。