我该如何做出回应?

时间:2018-09-06 18:35:37

标签: css image responsive

我购买了此模板,正在编辑中。它使用了引导程序,但是此图像似乎有问题,并且它更改了不同监视器的大小。我尝试添加:

.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

1 个答案:

答案 0 :(得分:0)

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

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