set the height and width of the div to 100% of the viewportheight / viewportwidth

Since you already have the iframe set to be 100% for both height and width, it will inherit the size of its containing element, so setting the height and width of that div to the viewport height and viewport width, the iframe will fill 100% of that space both in width and height.