How to Resize iFrames in HTML

Last Updated: October 8, 2020

Iframes are a feature in HTML that lets you embed other websites inside yours. It is frequently used for embedding media files. This article will show you how to resize an iframe.

Steps

1
Open up your HTML file with a text editor, such as Notepad or TextEdit.
2
Check to make sure the iframe is in this format:<iframe src="https://www.wikihow.com/" width="0" height="0"></iframe>

Advertisement
3
Edit the width attribute by replacing the width="0".
4
Edit the height attribute by replacing the height="0".
5
Render the HTML. Check the size. If it is too small, make it bigger. If it is too big, make it smaller.
- If you need your iFrame to scroll, add "scroll=true after height="xx"" without extra quotation marks before the closing >.
Advertisement

Community Q&A

Question

What is HTML coding for books?

James Paradox

Community Answer

You can't code books. HTML is a programming language designed to be used on computers.
Question

How do I enlarge the window where I have embedded a Google doc into my website?

Community Answer

You can do this by giving it padding and margin (if you are using elementor*). And if you are using any other service, like Classic Editor, then you can use a separator.