html - react - 设置iframe高度




如何动态设置iframe大小 (2)

不太清楚300应该是什么意思? 错字错过吗? 但是对于内联框架,最好使用CSS :) - 我导入YouTube视频时发现,它忽略了内联的东西。

<style>
    #myFrame { width:100%; height:100%; }
</style>

<iframe src="html_intro.asp" id="myFrame">
<p>Hi SOF</p>
</iframe>

我应该如何动态设置iframe的大小,因此对于不同的视口大小,大小是灵活的?

例如:

<iframe src="html_intro.asp" width="100%" height="300">
  <p>Hi SOF</p>
</iframe>

在这种情况下,高度根据浏览器的窗口大小而不同。 它应该根据浏览器窗口的大小动态设置。

在任何尺寸下,iframe纵横比应该是相同的。 如何才能做到这一点?


如果你使用jQuery,可以使用$(window).height();

<iframe src="html_intro.asp" width="100%" class="myIframe">
<p>Hi SOF</p>
</iframe>

<script type="text/javascript" language="javascript"> 
$('.myIframe').css('height', $(window).height()+'px');
</script>




resize