Facebook Like Box 使用 iframe 可见性属性时大小不正确

Question

我在我的网页上添加了 Facebook Like Box，但在调整大小时遇到​​了一些问题。我最初使用 Facebook 开发者网站上的 HTML5 和 Javascript 代码来制作我喜欢的盒子，但我发现它在加载时会减慢页面上的其他动画。

然后我决定使用一个完美的 iFrame，它不会减慢页面加载的任何其他元素。为了让它看起来更好，我在 iframe 中添加了这段代码：

style="visibility:hidden;" onload="this.style.visibility = 'visible';"

我也试过了：

style="display:none;" onload="this.style.display = 'block';"

这可以防止 iframe 在加载时产生白色闪烁（它看起来更加优雅；两个代码都给我同样的问题）。但是现在，当 Like Box 加载时，它只加载大约 150 像素的高度（尽管它的高度设置为 250 像素）。当上面的代码被取出时，盒子的大小是完美的，当我把它放回去时，它又恢复了。

有趣的是，当可见性代码进入并且我调整宽度变量时，框的宽度会发生变化。但是，当我调整高度时，它不会改变。

这是我为它制作的小提琴：

http://jsfiddle.net/KWMxb/

有什么想法吗？谢谢！

Answer 1

您的 iframe 有两个 style 属性。将第二个中的所有内容移到第一个中，它应该可以工作。