How do I make the iframe resolution responsive to fully fit the iframe that it is in?

Question

The image shows to iframes, sometimes I need to show 3 iframes.

My goal is to make it so that the iframes are all responsive inside.

Here is my current css styling:

iframe {
    width: 100%;
    height: 100%;
}

check about resposive iframes: https://stackoverflow.com/questions/17838607/making-an-iframe-responsive — DanielaB67, Jun 20 '17 at 02:36
https://stackoverflow.com/questions/17838607/making-an-iframe-responsive check the link for responsive iframes. — DanielaB67, Jun 20 '17 at 02:38

score 0 · Answer 1 · answered Jun 19 '17 at 23:27

0

you can like this:

if you have class,you can delete,the src is the page you want to display

    <iframe class="" src="" style="width:100%;height:100%;"></iframe>

answered Jun 19 '17 at 23:27

hasan

I already have it that way, the problem is that I can't get website inside of the iframe to fully expand and go fullscreen inside – Lang Jun 19 '17 at 23:28
the 100% it mean's the first src take all the page. – hasan Jun 20 '17 at 00:00

1 Answers1