<style>
.myIframe {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: auto;
-webkit-overflow-scrolling:touch; //<<— THIS IS THE KEY
border: solid black 1px;
}
.myIframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
lalu pada script html kalian memanggil iframenya menggunakan div style, seperti dibawah ini :
<div class=’myIframe’ >
<iframe width=”560″ height=”315″ src=”http://www.muhammadhafid.com” allowfullscreen></iframe>
</div>
Yap mudah bukan ? maka iframe kalian akan menyesuaikan dengan template kalian dan jika template kalian responsive maka iframenya pun akan ikut responsive.
Semoga bermanfaat ya.