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：

＆＃13;

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

＆＃13;

当我调整窗口大小以使其更高或更小时，横幅将变得更高或更小。但宽度不会，因为它是100％。希望这有帮助！

调整横幅大小作为旋转木马

1 个答案: