title: How to set responsive iframe height without css (html only)
body: <p>I'm looking to <code>iframe</code> in a web form that has variable height depending on the page of the form user is on, so that it will be responsive on mobile too</p>
  
  <p>By setting the width it seems to display appropriately, however setting the height as shown in the <code>HTML</code> below seems to cut off all but the top of the form.</p>
  
  <pre><code>&lt;iframe width="100%" height="100%" src="https://credit.omnisourcetech.com/mcgggg?affiliate=mcgggg&amp;deposit=200&amp;card=elite" frameborder="0" scrolling="no" /&gt;
  </code></pre>
  
  <p>Because of the nature of how this form will be embedded (into a Weebly site using the custom <code>HTML</code> option), it is not feasible to use <code>CSS</code> or <code>javascript</code> to accomplish this.</p>