title: Styling image inside iframe
body: <p>I have an image inside an iframe by setting the src attribute of the iframe:</p>
  
  <pre><code>&lt;iframe src="path/to/my/image.jpg" class="myclass"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>The iframe has a fixed height and width. I want that image's width to fill the iframe, but its height would stay proportional to the width so the user would be able to scroll down the iframe to see the rest of the image.<br/>
  How do I do this?<br/>
  EDIT: JSFiddle link <a href="http://jsfiddle.net/2LExA/" rel="noreferrer">http://jsfiddle.net/2LExA/</a></p>