How do I make an iframe fit the entire screen without specifying dimensions?

If I don't specify any dimensions, the iframe appears tiny. If I do specify dimensions as follows then it does not properly scale for different screen resolutions

<iframe name="report"style="height:1200px;width:800px;">

Is there a way to automatically allow t开发者_运维百科he iframe to stretch to the entire screen?

Use %

<iframe name="report" height="100%" width="100%"></iframe>

Assuming the iframe has no small ancestor with position: relative.

<iframe name="report"style="position: absolute; top: 0; right: 0; bottom: 0: left: 0;">

You should also consider using an external stylesheet.

<div style="overflow: hidden;position: relative; height:200px;"  >
      <iframe class="" rel="nofollow" style="height: 800px; width:1400px; transform: scale(0.294167) !important; transform-origin: 0px 0px;" frameborder="0" scrolling="no" 
      src="your iframe link"></iframe></div>