Изменение размера баннера как карусели

Question

Привет всем, так что у меня возникли некоторые проблемы с моим баннером в начальной загрузке, я не могу изменить размер своего баннера, пока он карусельный, то есть если окно становится все меньше и больше и т. Д., То в конце концов отправляется на землю, а назад не могу найти код, который может помочь. вот код

  <div id="myCarousel" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
  </ol>
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img class="first-slide" src="header.png" alt="First slide">
      <div class="container">
        <div class="carousel-caption">
          <h1></h1>
          <p></p>
          <p></p>
        </div>
      </div>
    </div>


  </div>

любая помощь

Answer 1

Я не совсем уверен, что вы пытаетесь сделать, но чтобы изменить размер элемента на основе процента, вы можете использовать некоторые базовые CSS:

#banner {
 position:absolute;
    background-image: url("media/americ11.jpg");
    top: 0%;
    width: 100%;
    height: 42%;
    left: 0%;
}

Когда я изменяю размер окна, чтобы сделать его выше или меньше, баннер станет выше или меньше. Ширина не будет, хотя, потому что это на 100%. Надеюсь это поможет!