在纯css中，你可以给你的图片添加一个宽度：

style="max-width:100%;"

字符串
高度将自动计算。如果你知道尺寸，最好使用纵横比来防止重画/重新计算。

style="max-width:100%;aspect-ratio:4/3;"

型
其中4/3是已知的纵横比。

编辑：我没有读你的问题的高度部分哈哈。

如果父对象有设定的高度，只需执行以下操作：

style="max-height:100%;max-width:100%;"

型

也许使用列来为图像留出空间，并使用background-size: contain将图像保持在容器div的边界内可能对您有用。
请参见下面的示例代码

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" />

<div class="card">
  <div class="card-body">
    <div class="row">
    <div class="col-2" id="forImg" style='background: white url("https://s3.amazonaws.com/cdn.sidsavage.com/images/prods/popup/P8889.jpg") no-repeat center;
   background-size: contain;'>
    </div>    
    <div class="col-10">
      <p class="card-text">
      This is some content from a media component. You can replace this with any content and adjust it as needed.
    </p>
  <p class="card-text">
      This is some content from a media component. You can replace this with any content and adjust it as needed.
    </p>
    </div>
  </div>
</div>

字符串