Как мне сделать его отзывчивым? - PullRequest
Новая
       10

Как мне сделать его отзывчивым?

0 голосов
/ 06 сентября 2018

Я купил этот шаблон, и я редактирую. Он использует начальную загрузку, но это изображение, похоже, с некоторой проблемой, и оно меняет размер в разных мониторах. Я пытался добавить: 

.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>

Скриншот

1 Ответ

0 голосов
/ 06 сентября 2018

сделать изображение отзывчивым, добавив css 

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