Center an iframe and make the height 100% that fits to the screen

Question

I am making an iframe which will load a link of another site. I am having a bad time in making the height of it that 100% fits the screen of the user and at the same time I want to specify particular px for the width. Thankyou and sorry for my English. `

score 1 · Answer 1 · answered Oct 01 '14 at 11:45

<html>
    <head>
        <style>
            .wrapper{
                margin:0 auto;
                width:40%;
            }
            iframe{
                height:100%;
                width:100%;
            }
        </style>
    </head>
    <body>
        <div class="wrapper">
        <iframe src="http://www.w3schools.com/tags/att_iframe_src.asp"></iframe>
        </div>
    </body>
</html>

score 0 · Answer 2 · edited May 23 '17 at 10:33

0

If you are only targeting modern browsers then height: 100vh should do it. Otherwise need to use javascript.

Center an iframe and make the height 100% that fits to the screen

2 Answers2