javascript - 调整 div 中的图像大小以适合其高度

Question

我有一个包含 6 张图片的 div。图像具有不同的大小和比例。有没有一种方法可以在 css 中调整它们的大小以适应 div 而无需单独指定它们中的每一个的大小？

<div class="col-md-8 col-md-offset-2 pt-30">
  <img src="img/exploded/6.png" id="img6" class="wow fadeInDown" data-wow-delay="1.5s"/>
  <br>
  <img src="img/exploded/5.png" id="img5" class="wow fadeInDown" data-wow-delay="1.3s"/>
  <br>
  <img src="img/exploded/4.png" id="img4" class="wow fadeInDown" data-wow-delay="1.1s"/>
  <br>
  <img src="img/exploded/3.png" id="img3" class="wow fadeInDown" data-wow-delay="0.9s"/>
  <br>
  <img src="img/exploded/2.png" id="img2" class="wow fadeInDown" data-wow-delay="0.7s"/>
  <br>
  <img src="img/exploded/1.png" id="img1" class="wow fadeInDown" data-wow-delay="0.5s"/>
</div>

Answer 1

#your-img {
height: auto; 
width: auto; 
max-width: 300px; 
max-height: 300px;}

您可以在 % 或 px 中使用您喜欢的任何值。只是玩弄值(value)观。