使用iframe可见性属性时，Facebook喜欢的框没有正确调整大小

Question

我在我的网页上添加了一个Facebook Like Box，并且在调整大小方面遇到了一些麻烦。我最初使用Facebook开发人员网站上的HTML5和Javascript代码制作了一个我喜欢的方框，但我发现它在加载时会减慢我在页面上的其他动画。

然后我决定使用一个完美的iFrame，并且不会减慢页面onload的任何其他元素。为了让它看起来更好，我将此代码添加到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属性。将所有内容从第二个移动到第一个，它应该可以工作。