Css 引导图像高度对移动设备没有响应

制作一个在导航栏下方顶部开始的图像的网站，我使用的是Bootstrap4和css。对于大屏幕，我使用了背景图像，以确保图像延伸到屏幕的整个宽度。我用的是手机版

<div class="container-fluid">
<div class="row leftmargin-row"
    <img src="images/1920 x 580 2.jpg" alt="child-pic" 
            class="img-responsive img-fluid">
</div>

我想你忘了在div.之后关闭角括号。
我想你忘了关闭img标签请在你的问题中解释你在移动设备上看到了什么。（截图/图表也总是很有用）在手机中，图像的宽度固定在屏幕内，但高度延伸太长。我使用了height:100%，但没有用，对于上面遗漏的问题，我很抱歉，我第一次使用了stack overflow，我不确定我剩下的问题发生了什么。
<div class="container-fluid">
   <div class="row leftmargin-row">
      <img src="images/1920 x 580 2.jpg" alt="child-pic" 
        class="img-responsive img-fluid">
   </div>
</div>