等比縮放圖片是前端開發中經常需要用到的技巧。通過使用CSS的width和height屬性來實現等比縮放圖片的效果。下面我們就來看一下具體實現：

img {
max-width: 100%;
height: auto;
}

代碼解析：

• max-width: 100%;指定圖片的最大寬度為父元素的100%，也就是說圖片最大只能和父元素一樣寬。
• height: auto;自適應高度，表示高度按照圖片的原始比例自適應。

使用這段代碼可以讓圖片在保持原始比例的情況下，隨著父元素大小的變化而自動縮放。

需要注意的是，如果使用width屬性來定義圖片的寬度，則必須同時指定height屬性。這樣才能保證圖片等比縮放。

img {
width: 100%;
height: auto;
}

代碼解析：

• width: 100%;指定圖片的寬度為父元素的100%，也就是說圖片寬度和父元素一樣寬。
• height: auto;自適應高度，表示高度按照圖片的原始比例自適應。

需要注意的是，在使用CSS進行等比縮放圖片時，一定要保證圖片的原始比例，否則圖片會被拉伸或者壓縮。如果需要改變圖片的比例，則需要修改圖片的原始大小。