css - 在不影响宽高比的情况下更改许多不同图像的大小

Question

基本上，我想要的只是一大堆图片，一张一张。所有这些图像的尺寸和纵横比都非常不同。我希望所有图像都具有最大宽度和最大高度，而不改变每个图像的纵横比。我将如何使用 html 5 和 css3 做到这一点？

Answer 1

取一个父 block ，例如一个带有类名 main_div 的 div，然后添加这个 CSS

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