背景画像の縦の高さ

Question

私は状況があります。ヘッダー全幅イメージを使用しているので、幅は100％、高さは650pxに固定されています。 ブラウザの幅を増減する場合、背景画像は幅を増減するだけで、画像を垂直方向に移動させることはありません。

私はそれを理解できないと思います。そうでない場合はenought、ここではスクリーンショットが

現状である

私の希望状況

SCSSコード

header { 
    margin-top: 78px; 
    background-repeat: no-repeat; 
    background-position: center; 
    background-size: cover; 
    position: relative; 
    max-width: calc(100% - 120px); 
} 

.header-main { 
    background-image:url(../img/header.jpg); 
    height: 650px; 
    margin-left: 60px; 
    margin-right: 60px; 
} 

HTML

<header class="header-main" > 
     ---Content--- 
</header> 

は秀ありがとうございました:)

Answer 1

は、バックグラウンド・サイズ

header { 
    margin-top: 78px; 
    background-repeat: no-repeat; 
    background-position: center; 
    background-size: auto 650px; 
    position: relative; 
    max-width: calc(100% - 120px); 
} 

.header-main { 
    background-image:url(../img/header.jpg); 
    height: 650px; 
    margin-left: 60px; 
    margin-right: 60px; 
}