layui tab iframe 自适应高度

<iframe class="myiframe" data-frameid="'+id+'" scrolling="no" frameborder="0" src="'+url+'" height="100%" style="width:100%;" ></iframe>FrameWH();function FrameWH() {//获取body高度var h = $('.layui-body').height()-64;//设置tab的高度，$(".layui-tab").css("height",h+"px");}页面发生变化改变$(window).resize(function () {FrameWH();});

css给高度

.layui-tab-item,.layui-tab-content{

height: 100%;

}

最终结果

如果还有不明白的可以私信我