背景画像にフルイメージが表示されない

Question

フルイメージがフルサイズで表示されるように背景イメージを修正しようとしています。現時点では画像が表示されていますが、ズームインされているように見えます。私はCSSで再生し、画像のサイズを変更しましたが何も効果がありませんでした。現在、このテンプレートを使用して：http://www.tooplate.com/view/2076-zentro

HTMLを：

<!-- home section --> 
    <section id="home" class="parallax-section"> 
     <div class="container"> 
      <div class="row"> 
       <div class="col-md-12 col-sm-12"> 
        <h1>Cozinha Bomtempo</h1> 
        <h2>CLEAN &amp; SIMPLE DESIGN</h2> 
        <a href="#gallery" class="smoothScroll btn btn- default">LEARN MORE</a> 
       </div> 
      </div> 
     </div>  
    </section> 

CSS：

#home { 
     background: url('../images/telma1.jpg') 50% 0 repeat-y fixed; 
     -webkit-background-size: cover; 
     background-size: cover; 
     background-position: center; 
     color: #ffffff; 
     display: -webkit-box; 
     display: -webkit-flex; 
     display: -ms-flexbox; 
     display: flex; 
     -webkit-box-align: center; 
     -webkit-align-items: center; 
     -ms-flex-align: center; 
     align-items: center; 
     height: 100vh; 
     text-align: center; 
    } 

Answer 1

両方カバーとは、ウィンドウに合わせて画像のサイズを変更が含まれています。本当にフルサイズであるために、あなたは常にあなたが背景のアスペクト比がわから何かを作るために持っていない場合は、バックグラウンドのために行く

background-size: 100% 100%; 

Answer 2

を使用し、代わりに親要素を適合させるため

background-size: [image width]px [image height]px; 

が必要 - サイズ：100％100％;それ以外の場合は、バックグラウンドサイズに移動してください：