title: Resize image to browser width/height without cropping
body: <p>How could I got about setting the size of an img to 100% width/height while not cropping? I've found many that use body background, but also crop the image. I just want to make it 100% width/or height (whichever comes first) thus not cropping the remaining width or height. Does that make sense?</p>
  
  <p>EDIT*<strong><em>*</em>****</strong></p>
  
  <p>I figured it out using the background method</p>
  
  <pre><code>&lt;?php
  $i = $_GET['i'];
  ?&gt;
  &lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8" /&gt;
  &lt;title&gt;&lt;/title&gt;
  &lt;style&gt;
  body {
      margin:0;
      padding:0;
  }
  
  html {
          background: url("&lt;?php echo $i; ?&gt;") no-repeat center center fixed;
          -webkit-background-size: auto 100%;
          -moz-background-size: auto 100%;
          -o-background-size: auto 100%;
          background-size: auto 100%;
  }
  
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>