title: Automatically scale (resize) image in an iframe
body: <p>In Firefox, when loading an image into an iframe, the image will automatically be scaled down to fit (if it's too big).  (This is a Firefox feature that can be disabled via the Firefox setting <code>browser.enable_automatic_image_resizing</code>.)</p>
  
  <p>I'd like to set up my pages so that they have the same behavior when viewed with other browsers such as Chrome and Internet Explorer.</p>
  
  <p>Here's an example, take a look at it with Chrome or IE and compare it with Firefox: <a href="http://codepen.io/anon/pen/KddKQX" rel="noreferrer">http://codepen.io/anon/pen/KddKQX</a></p>
  
  <p>Here's the code:</p>
  
  <pre><code>&lt;iframe frameborder='0' scrolling='no' src='http://ibin.co/2F6DxpSecv9h' height='600px' width='400px'&gt;
  &lt;/iframe&gt;
  </code></pre>