Question

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

P.S。它只是一个带有CSS的DIV设置为0，前0位置;在里面。我认为Chrome浏览器上的Chrome浏览器，IE浏览器和FireFox客户端看起来没问题，看到Safari上的错误（如图片）就可以了。

Answer 1

如果 Canvas Height 设置设为“ Settable ”，则可能需要使用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();
}

注意：这会覆盖分配给窗口“load”的其他函数。有关此内容的更多信息，请参阅我的tutorial。

Facebook iFrame标签，在底部切断

1 个答案: