iframe height same as browser

Posted February 7, 2017 1.8k views
ApplicationsUbuntu 16.04

I am using <iframe src="" 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.

These answers are provided by our Community. If you find them useful, show some love by clicking the heart. If you run into issues leave a comment, or add your own answer to help others.

Submit an Answer
1 answer


You should be able to use something such as:

<iframe src="" 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="" 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;