html - setting the max height of an image to the browser windows height -


this repost because couldn't comment on answers earlier question since made question while not signed in.

i'm trying prevent image ever becoming taller browser window viewer never has scroll down see rest of image.

however, can't figure out how set max height of image browser windows height.

so far have:

<!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> 

or add class image: see fiddle


Comments

Popular posts from this blog

Why does Ruby on Rails generate add a blank line to the end of a file? -

keyboard - Smiles and long press feature in Android -

node.js - Bad Request - node js ajax post -