easyXDM为iframe添加了神秘的额外高度

问题描述：

我必须将服务提供者的内容放置在父网站的iframe中。 iframe内容的高度会根据用户交互动态更改。easyXDM为iframe添加了神秘的额外高度

问题我面对的是有一些额外的高度添加到iframe。我不确定身高是从哪里来的。

任何洞察赞赏。

答

我不相信这是easyXDM的故障。

看来正在计算的高度是iframe的当前宽度。如果删除HTML文件中的第28行，则会看到高度已完全填满。（或者以下线）（或者你也可以按原样留下的代码，并在你的开发工具禁用高度风格和看到的结果）

this.container.getElementsByTagName("iframe")[0].style.width = "500px";

因为很难修改代码的调试器，下我想尝试的是，将宽度设置为您希望在填充内容和计算出的高度之前的宽度。

答

我遇到了同样的问题当您将高度指定给iframe元素时，请勿将其分配给所有iframe。因为它会影响广告和社交媒体插件中的iframe。

所以我做了以下

$('#divID iframe').height(easyXDMmessage); 
$('#divID iframe').width('100%');

答

在空I帧的情况下，我跑到那里，如果你设置高度为0px，父块元素仍然会显示空的至少一条线的问题文本。这是因为iframe实际上是内联元素，所以即使iframe本身的高度为零，它们的父块仍然会显示一行高度的文本。这里是简单的修复：

iframe#my_iframe { display:block; }