如何使用 relevel div 高度设置引导图像高度答案

【问题标题】：How to Set Bootstrap Image Height with relevel Div Height如何使用 relevel div 高度设置引导图像高度
【发布时间】：2020-12-10 12:05:41
【问题描述】：

我要做的是，不要测量图像的高度宽度，它将始终设置在中心和 div 高度 500px

它看起来像第二个绿色示例

<div class="container">
            <div class="row">

              <div class="col-4">
                <img class="img-fluid" src="https://via.placeholder.com/500x550" alt="">
              </div>
              <div class="col-8">
                <h1>I am fix Div</h1>
              </div>

              <div class="col-4">
                <img class="img-fluid" src="https://via.placeholder.com/500x750" alt="">
              </div>
              <div class="col-8">
                <h1>I am fix Div</h1>
              </div>

            </div>
          </div>
Bootstrap 4

【问题讨论】：

不太确定，您要的是什么。你想要什么？第二列的高度与第一列的高度相同吗？

标签： html css gridview bootstrap-4

【解决方案1】：

尝试设置*background-size: contain;*

这可能对您正在寻找的内容有所帮助https://www.w3schools.com/cssref/playit.asp?filename=playcss_background-size&preval=contain

【讨论】：