CSS调整div大小，同时保持包含图像的纵横比

.div-container {
  position: relative;
  width: 100%;
  padding-top: 75%; /* 根据图像的纵横比调整百分比值 */
}

.div-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 图像填充整个div容器 */
}

.div-container {
  position: relative;
  width: 100%;
}

.div-container::before {
  content: "";
  display: block;
  padding-top: 75%; /* 根据图像的纵横比调整百分比值 */
}

.div-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 图像填充整个div容器 */
}