title: How can I resize the screen size of an IFrame
body: <p>I have an <code>&lt;iframe&gt;</code> which is responsive depending on the <code>screen.width</code> and <code>screen.height</code> value. The problem is that even though it's in a small <code>&lt;iframe&gt;</code>, it thinks it's in a big screen. Inside the <code>&lt;iframe&gt;</code>, the value of <code>screen.height</code> is actually the size of the parent window, not the size of the <code>&lt;iframe&gt;</code> it's in, so things look bigger than they should be.</p>
  
  <p>How can I get around this? I don't control the HTML file, but I can access it from the page it's contained in by using the <code>&lt;iframe&gt;</code> element's <code>contentWindow</code> or <code>contentDocument</code> property.</p>