How to automatic resizing of the height and width iframe?

I want to try my app in ifram on my domain, but when I open this domain on my mobile size of the app very small.

And I was trying to use ifram resize framwork. I have found some solutions in stackoverflow, but there are not working for me.

So, how to ebmed appsheet to ifram correctly ?

Place ID or class name to your iframe element and then add your own CSS.

For instance you place the class name like “appsheet” to iframe the full pictures looks like this.

> <iframe class="appsheet" src="xxxx"> </iframe><style> .appsheet { height:100vh; width:100%; } </style>

Then add style tag

.appsheet { height:100vh; width:100%; }

Then add style tag

.appsheet { height:100vh; width:100%; }

Something like that.

2 Likes

unfortunately, it not working :frowning:

This is pretty much basic coding for HTML, CSS. It should work. Unless I see full code of yours, difficult to give you further comment.

U can see my code in my website bfarmers.kz just press the key ctrl+U

image

Yes,

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

Should work as I said.