title: How to fill the page with an image?
body: <p>I'm basically a phone developer and have no knowledge about web programming. What I'm trying to do is loading an image with any width and height in a browser control of my mobile app with a fixed width (say 400px) and a growing height. that image should fill the browser control completely without any free spaces.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      window.onload = function () {
          var elem = document.getElementById('content');
          window.external.Notify(elem.scrollHeight + '');
      }
  &lt;/script&gt;
  &lt;div id="content"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" /&gt;
      &lt;img src="http://www.reactiongifs.com/r/iwsyih.gif" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>this, doesn't fill the page with image, and also its width is not 400. thanks.</p>