iframe height same as browser

February 7, 2017 334 views
Applications Ubuntu 16.04

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.

1 Answer

@jasmineyuan2016

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;
}
Have another answer? Share your knowledge.