私のカルーセルは3番目のスライドに移動すると拡大・縮小しますか？

Question

私は3枚のスライドのカルーセルを作りました。 3番目のスライドに移動すると、拡大して重なってしまいます。最初の2つのスライドは動作しますが、最後のスライドは動作しません。

マイコード：CSSで

<div class="col-md-8"> 
      <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="1"></li> 
       </ol> 

       <!-- Wrapper for slides--> 
       <div class="carousel-inner"> 
        <div class="item active"> 
         <img src="" alt="myimage1" style="width: 100%"> 
         <div class="carousel-caption"> 
          <h3>Your news title</h3> 
          <p>news in short</p> 
         </div> 
        </div> 
        <div class="item"> 
         <img src="" alt="myimage2" style="width: 100%"> 
         <div class="carousel-caption"> 
          <h3>Your news title</h3> 
          <p>news in short</p> 
         </div> 
        </div> 
        <div class="item"> 
         <img src="" alt="myimage3" style="width: 100%"> 
         <div class="carousel-caption"> 
          <h3>Your news title</h3> 
          <p>news in short</p> 
         </div> 
        </div> 
       </div> 

       <!-- Left and Right controls --> 
       <a class="left carousel-control" href="#myCarousel" data-slide="prev"> 
        <span class="glyphicon glyphicon-chevron-left"></span> 
        <span class="sr-only">Previous</span> 
       </a> 
       <a class="right carousel-control" href="#myCarousel" data-slide="next"> 
        <span class="glyphicon glyphicon-chevron-right"></span> 
        <span class="sr-only">Next</span> 
       </a> 
      </div> 
     </div> 

：

スライド1：

スライド2：

ここ

.carousel.inner > .item > img { 
    width: 640px; 
    height: 360px; 
} 

をより明確化のためのスクリーンショットであります

スライド3：あなたは画像を拡大して第一2枚のスライドサイズに最適です見ることができる第三のスライドで

。どうしたらいいですか？

Answer 1

します元の画像サイズ？彼らは異なるアスペクト比を持っているので、最後の画像が「大きすぎる」ように見えます。

PhotoshopやGIMPに似たツールを使用して、画像をすべて同じサイズにするように簡単に修正することができます。

もちろん、CSSを使って切り抜く方法もあります。あなたが.carousel-inner > .item > imgを書くことを意味しているように見えるので、あなたのCSSにタイプミスは、おそらくあります（代わりにダッシュ。カルーセルと内側の間）

（@rock石によって要求されるように、このコメントから編集&をコピーした）

Answer 2

あなたは、フォトエディタを使用して、同じ解像度であなたのスライダーのためのすべての画像を作成する必要がありますが、あなたは絵 試みの解像度を変更するカント場合はどのようなものがありwidthの代わりにmax-widthとmax-heightを入れて、height