htmlのスケーリング画像の下に空白が作成されます

Question

私のウェブサイトには変わったスケーリングの問題があります。

私は（ちょうど幅）小さいブラウザウィンドウを作るときは、画像を適切にスケーリングします

http://www.donnaliartist.com/testpage.php

が、それはまた、その下に空白のギャップを作成します（ページの残りの部分はどこ画像は通常どおりから始まりますウィンドウが大きい場合は終了）。

私はこれを引き起こしているのか分かりませんが、ウィンドウの幅が小さく（画像が小さくなる）、ページの残りの部分が画像の下側から始まるようにしたいと考えています。私はページ上でブートストラップを使用しています。 コードを共有する必要があるかどうか教えてください。

Answer 1

画面のサイズが変更されると、min-heightプロパティを更新する必要があります。

編集：メディアクエリを追加できます。

@media (max-width: 768px) { 
    #headerwrap { 
    min-height: 100%; 
    } 
} 

また、アーティスト名の上にあるbr要素を削除し、内容を垂直に揃えます。