Question: We have developed the IFRAME and we have provided it to other users ,the problem is once the particular user uses that IFRAME in there web pages it works properly but once switched to mobile version IFRAME looses its responsiveness to be more specific, content of the IFRAME remains responsive but IFRAME is not getting specific auto height ......??? kindly suggest 

```
<iframe src="http://rapidowebs.com/sctimer/my_timer.php?user_id=2"></iframe>ve 

```

Answer: 
To make the iframe responsive on every platform, from my experience, you will need some Css

First put the following code in your css file

```
.responsive_iframe {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
    display:block;
}
.responsive_iframe iframe, 
.responsive_iframe object,
.responsive_iframe embed {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 75%;
    height: 75%;
    max-width:90%;
    max-height:90%;
    margin: auto;
    margin-right: auto;
margin-left: auto;
margin-bottom:auto;
display:block;

}

```

And then you need to put in something that looks like this

```
<div class='responsive_iframe'><iframe allowtransparency='true' frameborder='0'   src='http://rapidowebs.com/sctimer/my_timer.php?user_id=2'></iframe> </div>

```

Of course, it all depends on the content of your iframe, whether you are planning to put in some object or embed or images and text ...
Your question is kind of unclear.

So I assume you want your `iframe` to be 100% width and 100% height? If thats what you want, you must set its sizes accordingly. Otherwise it doesn't know what you want.

Working jsFiddle: <http://jsfiddle.net/ra14bbcb/>