title: Responsive IFrame to display content from External Document
body: <p>I have an <code>iframe</code> to display the content of a .htm file, which is present in another location. The document loads perfectly while on a desktop browser. </p>
  
  <p>But while on a mobile version, the content of the document is not displayed completely.</p>
  
  <p>I am looking for a responsive iframe for both mobile and desktop views. </p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;iframe
      id="ifrm"
      src="URL.htm"
      width="100%"
      frameborder="0"
      scrolling="no"
      height="1450px"
      style="padding-top: 0px; float: left;" target="_blank"
  /&gt;
  </code></pre>
  
  <p>I referred these links, but unfortunately they didn't help:</p>
  
  <p><a href="https://stackoverflow.com/questions/5867985/iframe-auto-100-height">Full-screen iframe with a height of 100%</a></p>
  
  <p><a href="https://stackoverflow.com/questions/11122249/scale-iframe-css-width-100-like-an-image">Scale iFrame css width 100% like an image</a></p>