Iframe not respecting the container it is in


I have an iframe where you show some map. No matter what width I use, it is always overflowing the container it is in. And that is not a problem on desktop but on mobile devices it really sucks.

Anyone know how to deal with this?

I want it to follow the container it is in.


Your iframe is specifying a fixed width and height.

Yes true, but when I change it to for example to %. It doesn’t really solve it as well.

Typically I’d set it to 100% 100% and then size the embed container responsively in the designer.