Set the width and height to 100 and absolutely position it to the top left. Add a container for the iframe, determine the aspect ratio percentage, hide the overflow, and set its position to relative. In the Iframe: var msger = new CrossMessenger(window. The 3 steps to create a responsive iframe that keeps its aspect ratio: Create the aspect ratio box. Use CSS to style this element, even to include scrollbars.
Var cssContent = (, css_text).join('\n') The HTML element creates an inline frame that contains another document.In the main windows, var msger = new CrossMessenger(ntentWindow, "")
You can use a userscript in Greasemonkey (for Firefox) to change the client-side CSS of a remote webpage. Either use userscripts or PHP to change the CSS of a local webpage or a remote webpage. Add the src attribute with the content you want to display. Using CSS to affect div style inside iframe Override body style for content in an iframe Something of a solution: don't use JavaScript+iframes.
#Css iframe windows
Using this in two windows to communicate can solve your problem. DOCTYPE html>HTML Iframes (nested iframes)
Use CSS width & height to specify the iframe size: