Hey there, I have integrated an iFrame into a customers real estate website. The iFrame comes from Flowfact, which is their real estate software. The iFrame shows the properties available. Unfortunately in the mobile view the iFrame is floating and does not react responsive. You have to scroll within the iFrame to see the offers. I tried different container heights and changed the height within the iFrame code, but it doesn’t work.
Is there a trick to get the iFrame to respond responsive?
Ideally set your iFrame width to 100%, so it automatically reacts to different screen sizes. If the contents within the iFrame don’t react to the screen size, most probably the website that is loaded into the iFrame is not responsive at all. In this case you should reach out to the provider (Flowfact) to ask for a solution.
Thanks for your answer. The width is not the problem…it’s the height. The height is given in px, but a change into % doesn’t really work. I will get in touch with them 
Hi! Here is an article about responsive iframes:
https://www.w3schools.com/howto/howto_css_responsive_iframes.asp