When width is 100% on image element,image is occupying full screen space on resizing.When max-width
is set to 100% on image element,image is not occupying full screen space.Why there is difference in
Note:image element is not inside any other element.It is just placed inside body tags
Responsive images will automatically adjust to fit the size of the screen.
Resize the browser window to see the effect: