Páginas

Friday, September 8, 2017

How to make an IFRAME responsive

This problem is solved wrapping the <iframe> with a <div>. The <div> has to have this CSS property:

-webkit-overflow-scrolling:touch;

This would be the complete code:


.wrapper {
    -webkit-overflow-scrolling:touch;
}

<div class="wrapper">
    <iframe ... width="100%"></iframe>
</div>