如何在css中保持图像的宽高比？

Question

如何在css中保持图像的宽高比？

#prodImg {
width: 100%;
height: auto;
}

问题是我的图像具有不同的纵横比，我只希望它是矩形方向和响应。

Answer 1

#prodImg {
max-width: 100%;
height: auto;
}