CSS等比例縮小是一種常用的網(wǎng)頁(yè)布局技巧，用于將元素按照一定比例縮小，以適應(yīng)不同的屏幕尺寸和分辨率，在CSS中，等比例縮小可以通過(guò)設(shè)置元素的寬度和高度來(lái)實(shí)現(xiàn)，我們可以使用CSS的百分比單位來(lái)設(shè)置元素的寬度和高度，這樣可以讓元素按照其包含塊（通常是父元素）的寬度和高度比例縮小。

假設(shè)我們有一個(gè)寬度為300px、高度為200px的div元素，我們想要將其等比例縮小到寬度為200px、高度為133.33px，我們可以使用以下CSS代碼來(lái)實(shí)現(xiàn)：

div {
  width: 300px;
  height: 200px;
}
@media (max-width: 768px) {
  div {
    width: 200px;
    height: 133.33px;
  }
}

在上面的代碼中，我們使用了CSS的媒體查詢（@media）來(lái)檢測(cè)屏幕寬度是否小于或等于768px，如果是，則應(yīng)用第二個(gè)樣式規(guī)則，將div元素的寬度和高度縮小到200px和133.33px，這樣，當(dāng)屏幕寬度發(fā)生變化時(shí)，div元素的大小也會(huì)相應(yīng)地變化，并保持等比例縮小的狀態(tài)。

需要注意的是，等比例縮小并不總是適用于所有情況，如果元素內(nèi)部包含有相對(duì)定位或***定位的子元素，等比例縮小可能會(huì)導(dǎo)致子元素的位置發(fā)生變化，在這種情況下，我們需要使用其他方法來(lái)保持元素的相對(duì)位置不變。