title: CSS - Make image fit screen so no scroll bars appear
body: <p>If you click to view a very big image that is higher than your screen res on google images, like this for example <a href="http://p1.pichost.me/i/32/1548022.png" rel="nofollow">http://p1.pichost.me/i/32/1548022.png</a> then it appears a <code>+</code> and <code>-</code> on cursor. The <code>+</code> makes the image have its original size, while the <code>-</code> makes the image fit the screen, <code>but not the full screen</code>, so that no scroll bars appear. I try to implement this last part on my css code but I didn't had much success, I tried setting <code>overflow-x:hidden;</code> and <code>overflow-y:hidden;</code> but this gives the original unscrollable size. What should I do? Ty</p>