Safari和Chrome之间的IFRAME高度属性差异

时间:2016-08-24 02:02:38

标签: javascript jquery html css iframe

我已经把头发撕成了这个...也许有人可以帮忙吗? 我网站上嵌入式Web应用程序的高度在Safari上看起来像预期的那样(计算高度为992px),但在Chrome中,包含webapp的iframe计算高度为150px,这是"不正确"。

IFRAME的高度应使用简单的代码使用Javascript计算,引用elsewhere on StackExchange

<script language="javascript" type="text/javascript">
  function resizeIframe(obj) {
    obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
  }
</script>

<iframe class="embed-blast" src="http://example.com/mywebapp" scrolling="no" onload="resizeIframe(this)" ></iframe>

我尝试过使用jQuery和各种其他脚本,但这些脚本似乎都无法解决潜在问题。

我想要的是将IFRAME的大小调整为Chrome中的完整内容大小(就像在Safari中一样)。我试过寻找这种行为的任何描述,但还没有找到它。不确定这是否是一个错误&#34;或预期的行为 - 对JavaScript或IFRAME不太熟悉,我完全烦恼。

有人知道这个问题和潜在的解决方法吗?非常感谢提前。

0 个答案:

没有答案