Javascript 具有自动高度计算功能的自举响应iframe

Javascript 具有自动高度计算功能的自举响应iframe,javascript,jquery,html,css,iframe,Javascript,Jquery,Html,Css,Iframe,我需要在iFrame中嵌入链接iFrame的内容是响应的,我希望iFrame能够自动调整到iFrame的高度,这样整个iFrame页面都是可见的。 http://quran.ksu.edu.sa/m.php 拨弄 我不知道如何才能使iframe的所有内容都可见 不确定是否有任何内置css属性来执行此操作,或者我必须使用jquery 更新: 我设法用jquery实现了这一点 我正在计算宽度并将其乘以1.8 var ifrmw = $('.content-wrapper' ).width(); v

我需要在iFrame中嵌入链接iFrame的内容是响应的,我希望iFrame能够自动调整到iFrame的高度,这样整个iFrame页面都是可见的。
http://quran.ksu.edu.sa/m.php

拨弄

我不知道如何才能使iframe的所有内容都可见

不确定是否有任何内置css属性来执行此操作,或者我必须使用jquery

更新: 我设法用jquery实现了这一点

我正在计算宽度并将其乘以1.8

var ifrmw = $('.content-wrapper' ).width();
var iframeh= ifrmw * 1.8;
//alert(iframeh);
$('.iframecls').css('min-height',iframeh); 

这可以进一步改进,以获得iframe的精确高度。我遇到了类似的问题,我必须编写一个函数,使用
setInterval()
每隔200毫秒检查一次iframe的高度:

那么就这样称呼它:

$(function(){ 
    adjustIframeHeight('#iframeID', 200, 0);
});
$(function(){ 
    adjustIframeHeight('#iframeID', 200, 0);
});