全画面 API msRequestFullscreen method ブラウザによって、フルスクリーン API の実装方法が違うようです。 IE11 では、画像に対して実行すると画像のサイズが引き延ばされます。外側に DIV を置いて DIV をフルスクリーンすると、画像サイズはそのままです。 Google Chrome では、画像に指定しても中央に表示されるだけで、Firefox は img 要素での実装はされていないようです。

<script type="text/javascript"> function imgFullScreen(obj) { if (obj.msRequestFullscreen) { obj.msRequestFullscreen(); } else if (obj.mozRequestFullscreen) { obj.mozRequestFullscreen(); } else if (obj.webkitRequestFullscreen) { obj.webkitRequestFullscreen(); } else { alert("画像のフルスクリーンは実装されていません") } } </script> <input type="button" value="FullScreen" onclick='imgFullScreen(document.getElementById("fs"));'><br> <img id="fs" src="https://lh4.googleusercontent.com/-1hrl6J4BkAI/UmfOlBCk8VI/AAAAAAAAQ08/2QbL_BEtAjA/s600/UrbanFuture3_1.jpg" style="border: solid 0px #000000" />