img图片自适应div大小 当图片高度接近div高度时height:100%; 否则width:100%;

可以使用CSS中的object-fit属性来实现图片自适应div大小的效果。

首先，设置div的宽度和高度，如下所示：

div {
  width: 500px;
  height: 500px;
}

然后，将img标签添加到div中，并设置object-fit属性为contain，这样当图片高度小于div高度时，图片会按比例缩放以适应div大小。同时，设置height为100%，让图片高度与div相等。

div img {
  object-fit: contain;
  height: 100%;
}

最后，当图片高度接近div高度时，我们希望图片的宽度铺满整个div，可以使用@media查询来实现。当图片高度大于等于90%的div高度时，将object-fit属性设置为none，同时将width设置为100%。

@media screen and (min-height: 90%) {
  div img {
    object-fit: none;
    width: 100%;
  }
}

这样，当图片高度接近div高度时，图片就会铺满整个div。完整的CSS代码如下所示：

div {
  width: 500px;
  height: 500px;
}

div img {
  object-fit: contain;
  height: 100%;
}

@media screen and (min-height: 90%) {
  div img {
    object-fit: none;
    width: 100%;
  }
}