How to resize an image to fit in the browser window?

Question

This seems trivial but after all the research and coding I can\'t get it to work. Conditions are:

1. The browser window size is unknown. So please don\'t propose

Answer 1

I had a similar requirement, and had to do it it basic CSS and JavaScript. No JQuery available.

This is what I got working.

      
            
            
      
      
      ----    
      

Note : I haven't used 100% for image width as there was always a bit of padding to be considered.