¿Cómo hacer un IFRAME responsive?

Este problema se resuelve poniendo un <div> como envoltorio del <iframe>, con la siguiente propiedad CSS:

-webkit-overflow-scrolling:touch;

El código nos quedaría de la siguiente forma:


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

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