Question

I have to fit all the images on a screen with every screen resolution.

Which should i use $(window) or $(document) to measure height /width to auto fit images.

Answer 1

If there is no fixed height for all the images, then use

$(window).load(function () {
    // your code goes here which will be executed once all the images 
   // got loaded (seen)
});

In case the height is fixed for all the images you are loading, then do not wait for the images to be loaded, just assign fixed height to <img> tags and fit them. Use

$(document).ready(function () {
    // your code goes here which will be executed once the DOM is ready 
    // (means all the tags including IMG tags) are loaded. 
});