将横幅调整为轮播答案

【问题标题】：Resize of a banner as a carousel将横幅调整为轮播
【发布时间】：2015-11-13 09:30:22
【问题描述】：

大家好，所以我在引导程序中的横幅遇到了一些问题，我无法在旋转木马时重新调整横幅的大小，这意味着如果窗口变得越来越小等乱七八糟地掉到地上，回来找不到可以帮助。这是代码

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

任何帮助

【问题讨论】：

你想如何调整横幅的大小？
我只是想让它适合网站，当我移动它以使其变大或变小时，这是我的第一个网站，对不起，我是业余爱好者。
我们需要查看更多您的代码。您能否附上相关的 CSS，或使用 JSFiddle 更好地展示您的问题？
"乱七八糟地去地球又回来了" 去地球又回来了？回到哪里？

标签： html css twitter-bootstrap autoresize

【解决方案1】：

我不完全确定您要做什么，但是要根据百分比调整元素的大小，您可以使用一些基本的 CSS：

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

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

【讨论】：