更改大量不同图像的大小而不影响宽高比

Question

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

Answer 1

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

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