I am using <iframe src="https://example.com" width="100%" height="610"></iframe>
i want to make the iframe height same as my browser, I don’t know how, i tried height="100%", doesn’t work either. Pls help me, i prefer using css over javascript, but if i have to i am happy to use javascript . thanks in advance.
This textbox defaults to using Markdown to format your answer.
You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!
You should be able to use something such as:
<iframe src="https://example.com" style="border: 0; width: 100%; height: 100%"></iframe>
You could options stick this in a CSS file and simply reference a class.
.fullframe {
border: 0;
height: 100%;
width: 100%;
}
<iframe src="https://example.com" class="fullframe"></iframe>
Of course, you’ll most likely still have a gap on each side of your browser window unless you’ve already set a default margin of 0 for body:
body {
margin: 0;
}
Get paid to write technical tutorials and select a tech-focused charity to receive a matching donation.
Full documentation for every DigitalOcean product.
The Wave has everything you need to know about building a business, from raising funding to marketing your product.
Stay up to date by signing up for DigitalOcean’s Infrastructure as a Newsletter.
New accounts only. By submitting your email you agree to our Privacy Policy
Scale up as you grow — whether you're running one virtual machine or ten thousand.
Sign up and get $200 in credit for your first 60 days with DigitalOcean.*
*This promotional offer applies to new accounts only.