Css 背景尺寸：引导4中的盖子不工作

我目前正在为我的网站使用Carousel属性，但我无法使用背景大小：封面，以便将我的Carousel中的图片拉伸到浏览器的全部大小。我该怎么做

注意：我之所以在代码块中执行下面的操作，是因为图像太大，所以我使用了w-auto，以调整图像的大小，使其符合当前的外观

这是我的HTML代码：

<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
  <div class="carousel-item active">
    <div class="cover">
      <img class="d-block w-auto" src="./assets/img/mcdonalds/2.jpg" alt="First slide">
    </div>
  </div>
  <div class="carousel-item">
    <div class="cover">
      <img class="d-block w-auto" src="./assets/img/mcdonalds/3.jpg" alt="Second slide">
    </div>
  </div>
  <div class="carousel-item">
    <div class="cover">
      <img class="d-block w-auto" src="./assets/img/mcdonalds/4.jpg" alt="Third slide">
    </div>
  </div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
  <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  <span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
  <span class="carousel-control-next-icon" aria-hidden="true"></span>
  <span class="sr-only">Next</span>
</a>
</div>

如果存在背景图像，则可以指定“背景大小”属性。在您的情况下，您使用了img标记，因此对于img标记，请使用以下属性：

宽度：100%； 高度：250px； 对象匹配：覆盖

---

您可以根据自己想要的高度给出高度。

AFAIK，背景尺寸：封面；应用于使用css设置为背景的图像。这里有一个img标签。它可以工作，但它会切断我图像的一部分，我如何使其响应？在这种情况下，只保留宽度：100%，并删除其他属性。这会使我的图像太大，我如何调整高度，使其不切断我图像的一部分？在上面的答案中，你可以使用object-fit:contain来显示完整的图像，但是它会尝试保持图像的纵横比，这样你的图像左右都会有一个空白。这是一把小提琴：

.cover {
  background-size: cover;
}