サインインしていないときに質問をしたため、以前の質問の回答にコメントできなかったため、これは再投稿です。
画像がブラウザー ウィンドウよりも高くならないようにして、画像の残りの部分を表示するために下にスクロールする必要がないようにしています。
ただし、画像の最大高さをブラウザ ウィンドウの高さに設定する方法がわかりません。
これまでのところ、私は持っています:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>TEST TITLE</title>
<link rel="stylesheet" href="http://flip.hr/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<img src="dovelow.jpg" alt="Dove">
</div><!-- .container -->
</body>
</html>