将图像高度缩放到浏览器窗口

Question

Here is my image: http://cameronlimbrick.com/work/visual-art/paintings/item/thoughts

I would like to keep the existing maximum height, however, when the window is not tall enough to fit the entire image, I would like it to automatically shrink to fit the height. Thanks for your help.

Answer 1

You could try

img.your-image-class {
    height: 100%; //automatically retains aspect ratio
    max-height: 755px; //don't let it get bigger than this (755px is its current height I checked your link
}

Answer 2

It's should work!

$(document).ready(){
   var h = $(window).height();
   if (h < 755)
   {
       $('.img.your-image-class').css("max-height",h + "px")
   }
}