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;
}

我该如何做出回应？

1 个答案: