css图片自适应 有缝隙，有间隙，解决办法

问题： 图片自适应 有缝隙，有间隙

css如下：

.banner {
  position: relative;
  width: 100%;
  min-height: 150px;
  overflow: hidden;
}

.banner img {
  width: 100%;
  height: 100%;
}

 解决1：object-fit: cover; 尝试无效

.banner img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}

解决2：父容器：font-size: 0; 可用

.banner {
  position: relative;
  width: 100%;
  min-height: 150px;
  overflow: hidden;
  font-size: 0;
}