如何让我的 iFrame 在不同的浏览器中显示正确的高度答案

【问题标题】：How can I get my iFrame to display correct height across different browsers如何让我的 iFrame 在不同的浏览器中显示正确的高度
【发布时间】：2012-01-14 21:29:52
【问题描述】：

我有一个 iFrame，需要显示来自另一个域的内容。这很好用，我事先有 iFrame 的高度，所以可以静态设置。

遇到的问题是在不同浏览器中查看iFrame的时候。

例如，我想在 iFrame 中显示来自 Wikipedia 的页面。此页面在 Chrome 中的高度为 12725px，因此我可以将 iFrame 的高度设置为 12725px。

在 Chrome 中查看此页面，它非常适合： http://test.linkinformed.com/temp.html

但是在 Firefox 或 IE 中查看相同的页面，维基百科页面内容呈现不同，它不再适合 iFrame（即滚动到页面底部并且文章的末尾被隐藏）。

考虑到跨域 iFrame 通信的困难，有没有办法让 Wikipedia 内容在浏览器之间呈现相同的内容？或者有没有办法根据浏览器校准或调整 iFrame 高度？

【问题讨论】：

看看这个问题：stackoverflow.com/questions/207720/…
不幸的是，当我从远程域访问内容时，我认为该解决方案不起作用。

标签： css iframe cross-browser

【解决方案1】：

这是维基媒体代码施加的限制，而不是浏览器问题。

这里是修复的链接： Displaying a mediawiki within a iframe

使用第二个建议，即更改两个 wikimedia 配置参数，而不是破解 .js 文件。

对我来说很棒！

【讨论】：

这似乎是更多网站的问题，而不仅仅是 wiki。作为第二个例子，这个 iframe src 是 Fox News，它仍然在 Firefox 和 IE 上被剪辑：test.linkinformed.com/temp2.html