旋轉木馬不會在電話除冰調整顯示整幅圖像

Question

看起來計算機上罰款，對平板電腦的水平似乎裁剪成圖像「中心」 ..就可以作物爲中心，更加沒有顯示所有圖像的手機。

在源代碼視圖代碼（Dreamweaver中）

<main id="main" class="site-main"> 
    <section id="carousel-1" class="carousel slide section-slide" data-ride="carousel"> 

         <div class="carousel-inner"> 
     <div class="item active" style="background: url(images/bg-1.jpg);"> 
      <div class="container"><img src="http://roncartist.com/images/copyright_protected-1.png" alt="First slide"></div> 
     </div> 
     <div class="item" style="background: url(images/bg-2.jpg);"> 
      <div class="container"><img src="http://placehold.it/640x340" alt="Second slide"></div> 
     </div> 
     <div class="item" style="background: url(images/bg-3.jpg);"> 
      <div class="container"><img src="http://placehold.it/640x340" alt="Third slide"></div> 
     </div> 
     </div> 
     <a class="left carousel-control" href="#carousel-1" data-slide="prev"><span class="fa fa-chevron-left"></span></a> 
     <a class="right carousel-control" href="#carousel-1" data-slide="next"><span class="fa fa-chevron-right"></span></a> 

example image

Answer 1

你必須aplly background-size:cover到元件.item
它伸展的背景圖像完全覆蓋內容區域。 讓我知道，如果作品。