There is no easy way to do this. You would need to find a way to detect when the iframe is in full width mode, and then use that information to determine how wide the iframe should be displayed.
<iframe width="100%" height="100%" src="http://www.yourpage.com/"> <p>Your browser does not support iframes.</p> </iframe>
The code line creates an iframe, which is an HTML element that allows for an external webpage to be embedded within the current webpage. The iframe is given a width and height of 100%, meaning it will take up the entire width and height of its containing element. The src attribute specifies the URL of the webpage to be embedded within the iframe. Finally, there is some text included between the opening and closing tags of the iframe element that will be displayed if the browser does not support iframes.
How to Full Screen iframe
To full screen an iframe in HTML, you can use the following code:
iframe.src=”URL” frameborder=”0″ scrolling=”no” width=”100%” height=”100%”>
Where “iframe.src” is the URL of the iframe, “frameborder” is set to “0”, and “scrolling” is set to “no”.