r8n5n · January 22, 2016 16:24
diff --git a/responsive_iframe.html b/responsive_iframe.html
 <!-- set the max width accordingly -->
 <div style="margin: 0 auto; max-width: 960px; position: relative;">
    <!-- set the padding % as the aspect ratio of the content e.g. 960/560 = 5.833333 -->
    <div style="padding-bottom: 58.33333333%;">
        <!-- the width=1; max-width=100% is for iOS -->
        <iframe scrolling="no" src="urls/to/iframe.html" style="position: absolute;width: 1px;min-width:100%;height: 100%;"></iframe>
    </div>
 </div>
	<!-- set the max width accordingly -->
	<div style="margin: 0 auto; max-width: 960px; position: relative;">
	<!-- set the padding % as the aspect ratio of the content e.g. 960/560 = 5.833333 -->
	<div style="padding-bottom: 58.33333333%;">
	<!-- the width=1; max-width=100% is for iOS -->
	<iframe scrolling="no" src="urls/to/iframe.html" style="position: absolute;width: 1px;min-width:100%;height: 100%;"></iframe>
	</div>
	</div>