我在我的网页上添加了 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 像素）。当上面的代码被取出时，盒子的大小是完美的，当我把它放回去时，它会恢复原状。
有趣的是，当可见性代码进入并且我调整宽度变量时，框的宽度会发生变化。但是，当我调整高度时，它不会改变。
这是我为它制作的小提琴：
有什么想法吗？谢谢！