width: 100%; height: 100%; } How this works: The container element is given a zero height and a percentage bottom padding. there is a fixed aspect ratio we want: Can I use my Coinbase address to receive bitcoin? Site design / logo 2023 Stack Exchange Inc; user contributions licensed under CC BY-SA. Random guess: height: (66% of width); similar to height: (same as width); is there a way of doing this? Cross-origin communication can be achieved using Window.postMessage(). Make an iframe height automatically extend to the bottom of the browser window? Tagged . Default is 300. You and I will take a practical and modern approach to answering these questions or at least learning why some questions are unanswerable! This can be done by just CSS. Looking for job perks? The height of the frame in CSS pixels. There are two methods to change the width of the iframe which are discussed below: Method 1: This method uses the id attribute of iframe with width property to change the width of
