Facebook iFrame 选项卡，底部被切断答案

【问题标题】：Facebook iFrame tab, cut off at the bottomFacebook iFrame 选项卡，底部被切断
【发布时间】：2011-12-01 16:04:24
【问题描述】：

我在 Mac Chrome 上的图像视图较长时遇到了问题。它在底部被切割。我无法检查它，因为我无权访问 Mac，而在我的电脑上使用 Chrome 没问题。这是错误的屏幕截图。请让我知道它可能是什么？ http://i.imgur.com/MaoNc.jpg

附：它只是一个用 CSS 设置到左 0，前 0 位置的 DIV；与里面。我在 Chrome、IE 和 FireFox 客户端上看到它在 Chrome 上看到错误（如图像）在 Safari 上没问题。

【问题讨论】：

标签： facebook iframe tabs

【解决方案1】：

如果您的 Canvas Height 设置设置为“可设置”，那么您可能需要使用FB.Canvas.setSize();：

window.fbAsyncInit = function() {
    FB.init({
      appId      : 'YOUR_APP_ID', // App ID
      channelURL : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      oauth      : true, // enable OAuth 2.0
      xfbml      : true  // parse XFBML
    });
    FB.Canvas.setSize();
};

// Do things that will sometimes call sizeChangeCallback()

function sizeChangeCallback() {
    FB.Canvas.setSize();
}

但是这可能不起作用，因为即使图像未完全加载，也会调用此方法。所以另一种解决方案是：

window.onload = function () {
  FB.Canvas.setSize();
}

注意：这将覆盖分配给在窗口“加载”时触发的其他函数。在我的tutorial 中了解更多信息。

【讨论】：

感谢您的回答。不幸的是，我使用 3rd 方应用程序，我无法更改它的源代码。我只能放 HTML/CSS，所以我做到了，但这并不复杂，它实际上只是一张图片作为背景和一个带有 SWF 的 div。