如何在CSS中固定图像的高度，即使窗口小于图像的宽度

div {
  background-image: url("image.jpg");
  background-size: auto 100%;
  background-repeat: no-repeat;
}

div {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 50%; /* 图像高度占父元素宽度的百分比 */
}

img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 图像按比例缩放，填充整个容器 */
}