iframe在div中如何自适应高度

<iframe

scrolling="no"

name="aa"

frameborder="0"

src="bbhtml"

onload="thisheight=0;var

fdh=(thisDocumentthisDocumentbodyscrollHeight:thiscontentDocumentbodyoffsetHeight);thisheight=(fdh>700fdh:700)"></iframe>

iframe高度自适应，700为自己设定的iframe高度最低值，高度小于700的将以700显示，大于700将以div自身高度来显示。iframe高度最低值可以自己修改

iframe元素

创建包含另外一个文档的内联框架（即行内框架）。

CSS3规范，视口单位主要包括以下4个：

1、vw : 1vw 等于视口宽度的1%；

2、vh : 1vh 等于视口高度的1%；

3、vmin : 选取vw和vh中最小的那个；

4、vmax : 选取vw和vh中最大的那个；

100%高度和宽度：

HTML中嵌入iframe

被嵌入页面：

VUE中嵌入：

你用jq的时候是在页面加载的时候就获取了，并不是点击的时候获取的。时机不对。

$('#btn2')click(function () {

var boxAheight = $("#frame_content")outerHeight(true);

alert(boxAheight);

})

以上就是关于iframe在div中如何自适应高度全部的内容，包括:iframe在div中如何自适应高度、HTML，VUE，嵌入iframe，实现iframe的100%高度和宽度，代码分享、jq怎么获取自适应高度的iframe高度的准确数值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！