图像设置为 100% 但底部仍有边距

Question

我想要一个完全覆盖 div 的图像（没有内容）。我尝试使用 background-image 和 background-size 来做，但由于没有内容，它不起作用。我也不想设置高度，因为这样图像就会被拉伸（我希望它具有响应性）。所以我尝试通过将图像放入 div 并将其设置为宽度：100% 和高度：100% 来修复它。它起到了作用（图像根据 div 拉伸），但我在 img 的底部仍然有一个小边距，我似乎无法被删除。我将所有边距和填充设置为 0px，但仍然没有结果（即使边框大小设置为边框框）。谁能告诉我我做错了什么？我没有设置高度，所以看到其他问题，也许 div (wrapper-1) 没有设置点来适应？这是将图像放入没有内容的 div 的正确方法吗？提前谢谢！

HTML：

<div class="row col-12  wrapper-1"><img src="wrapper.jpg" alt="Wrapper" 
width="100%" height="100%" /></div>

CSS：

.wrapper-1 {
 height: auto;
 padding: 0px;
 margin: 0px auto;
 }
* {
box-sizing: border-box;
}
img {
max-width: 100%;
height: auto;
margin: 0px auto;
padding: 0px;
}

Answer 1

我认为 display: block 到 img 标签可以解决它。