Html 使滑块图像100%适合父容器

我有一个带引导的

滑块

。在

XL

版本中显示良好，但当您调整窗口大小和文本的右侧

容器

增加其

高度

时，图像不适合

父容器

以调整其

高度

，使其与

容器

文本的高度相同。你可以在页面的中间部分看到一个生动的例子。

因此，在XL版本中：

但是，如果调整窗口的

宽度

，则容器文本的

高度

会增长，与滑块图像的

情况不同，发生以下情况：


现在代码是：

  <div class="container-fluid mejores-instalaciones">
  <div class="row m-0">
    <div class="col-lg-9 col-md-12 col-sm-12 col-12 no-padding">
<div id="carouselExampleControls2" class="carousel slide" data-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img class="d-block w-100" src="img/mejores-instalaciones/slider/slider-mejores-instalaciones-1.jpg" alt="Niñas haciendo yoga" title="Niñas haciendo yoga">
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="img/mejores-instalaciones/slider/slider-mejores-instalaciones-2.jpg" alt="Jugando al tenis" title="Jugando al tenis"> 
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="img/mejores-instalaciones/slider/slider-mejores-instalaciones-3.jpg" alt="El comedor" title="El comedor">
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="img/mejores-instalaciones/slider/slider-mejores-instalaciones-4.jpg" alt="La entrada" title="La entrada">
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="img/mejores-instalaciones/slider/slider-mejores-instalaciones-5.jpg" alt="La biblioteca" title="La biblioteca">
    </div>
  </div>
 </div>
    </div>
    <div class="col-lg-3 col-md-12 col-sm-12 col-12">
        <h1 class="desc text-right">LAS MEJORES INSTALACIONES DE EXTREMADURA</h1>
      <p class="home-text-p text-right">La RUCAB es un referente en Extremadura desde hace 32 años, cuanta con el mayor numero de plazas, un total de 205, repartidas en 36 habitaciones dobles, 132 habitaciones individuales y una habitación adaptada. La construcción se extiende por una amplia zona ajardinada, con seis edificios o núcleos residenciales, además de los edificios de las zonas comunes. El total de superficie construida es de 8.492 m².</p>
    </div>
  </div>
</div>


埃斯特马杜拉公寓酒店
在32 años的极端情况下，城市市长人数占总人数的205人，居住区36个，居住区132个，个人和适应区。ajardinada区建筑工程、núcleos住宅大厦、社区大厦。总建筑面积8.492平方米
您是否在cssyes中尝试了旋转木马类的
高度：100%
或
背景尺寸：封面
，但没有成功？您可以尝试在图像上填充
对象尺寸：而不是显示
标签，您可以显示一个以img为背景的
div
，然后添加
背景尺寸：封面
？@code\u忍者，但这有点奇怪，因为引导滑块通常不会与背景图像匹配，对吗？