在不影响纵横比的情况下更改许多不同图像的大小

Question

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

Answer 1

取一个父块，例如一个类名为main_div的div，然后添加这个CSS

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