Html 引导转盘和<；img>；带有对象匹配的标签&；对象位置不工作

我有以下转盘：

  <div id="myCarousel" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
      ...
    </ol>
    <div class="carousel-inner">
      <div class="carousel-item active">
        <img class="d-block w-100" src="Images/pastry3.jpg" alt="First slide">
      </div>
    </div>
      ...
  </div>

我有比屏幕大得多的图像（宽度：100%，高度：100%），我希望它们是

img

s，能够在屏幕中央保持高宽比，因此

object-fit:cover和
对象位置：50%50%
，但它不工作。为什么?

我正在尝试制作一个全屏练习主页，其中包含不同幻灯片中具有不同文本区域的幻灯片图像/视频。
您需要在图像中：

height:100%;
max-width:100%

我也有同样的问题，直到我这样做：

.carousel-item img {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    object-position: 50% 50%;
}

我希望这对某人有帮助：）
有人能帮我解决这个问题吗？如果你想引起大家对你问题的注意，你可以在两天后开始悬赏。看看这个（仅CSS技术#1）
.carousel-item img {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    object-position: 50% 50%;
}