I tried to scale image to browser screen using bootstrap, just like this website.
By setting
img { max-width: 100%; max-height: 100%; } it does show full image, but shows scrolls as well. Scrolls are being countered through:
body { overflow-y: hidden; overflow-x: hidden; } Now, the problem is, I am unable to show complete image on screen. It does crop some portion of image (in case image is bigger than browser window).
Anyone to help me please? Thanks.