如何让它响应？

Question

我买了这个模板，我正在编辑。它使用引导程序，但这个图像似乎有一些问题，它改变了不同显示器的大小。我尝试添加：

.responsive {width: auto; height: auto;}

修复它，但我没有得到任何结果。我还可以做些什么？ PS。我将附上我正在使用的 HTML/CSS 的副本。

<div class="col-lg-6 right-side order-1 order-lg-2">
  <div class="tab-content" id="nav-tabContent">
    <div class="tab-pane fade active show responsivo" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
       <img src="images/macbook_1.png" alt="Equipe Quest Group" class="container_resp">
    </div>
  <div class="tab-pane fade **responsive**" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
    <img src="images/macbook_2.png" alt="Quest Logo" class="container_resp">
  </div>
 </div>

Screenshot

Answer 1

通过添加 css 使图像具有响应性

img{
width: 100%;
max-width: 100%;
height: auto;
}