iframeの高さをレスポンシブに自動調整する方法
CSSで調整するよりJavaScriptの方が安定しました。
下記がソースコードです。
HTML
<iframe id=”フレームのID” src=”your-iframe-source.html”></iframe>
JavaScript
<script>
function resizeIframe() { var iframe = document.getElementById(‘フレームのID’); iframe.style.height = iframe.contentWindow.document.body.scrollHeight + ‘px’; } window.onload = resizeIframe; window.onresize = resizeIframe;
</script>