make an embedded webpage fit the width and height of the browser window?

Question

I'm using this code to embed a page into my website at 1300x700 pixels

<iframe src="http://example.com"
    width="1300" height="700"></iframe>

Is there a way I can make it stretch or shrink to match the size of the browser window? (preferably with -30px at the top for the navbar, currently have this set up with css)

Answer 1

use percentages for width/height instead, and then use pixels to set the margin with the navbar