等比缩放图片是前端开发中经常需要用到的技巧。通过使用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进行等比缩放图片时，一定要保证图片的原始比例，否则图片会被拉伸或者压缩。如果需要改变图片的比例，则需要修改图片的原始大小。