使图像适合div并相应地调整大小

.div-class {
  background-image: url('image.jpg');
  background-size: cover; /* 或者使用contain根据需要调整 */
  background-repeat: no-repeat;
}

<div class="div-class">
  <img src="image.jpg" alt="Image">
</div>

.div-class img {
  max-width: 100%;
  max-height: 100%;
}

<div class="div-class">
  <img src="image.jpg" alt="Image" class="img-class">
</div>

.div-class {
  width: 300px; /* 设置div的宽度和高度 */
  height: 200px;
  overflow: hidden; /* 确保图像不溢出div */
}
.img-class {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 或者使用contain根据需要调整 */
}