图像不能在flex-box拉伸中调整大小

img {
  object-fit: contain; /* 或者 object-fit: cover; */
}

.container {
  background-image: url("image.jpg");
  background-size: contain; /* 或者 background-size: cover; */
  background-repeat: no-repeat;
  background-position: center;
}

const image = document.querySelector("img");
const container = document.querySelector(".container");
const containerWidth = container.offsetWidth;
const containerHeight = container.offsetHeight;

if (image.naturalWidth / image.naturalHeight > containerWidth / containerHeight) {
  image.style.width = "100%";
  image.style.height = "auto";
} else {
  image.style.width = "auto";
  image.style.height = "100%";
}