0

这几个月来一直让我完全发疯。我创建了一个应用程序，其唯一目的是显示我公司网站上为 facebook 定制的内容。

我们想要这样的东西：http: //www.facebook.com/FarmersInsurance?sk=app_7146470109 但最终是这样的： http: //www.facebook.com/DeltaFlexTravelers?sk=app_110411285713674

我无法摆脱该死的滚动条！我已经完成了对此类问题的其他答案所暗示的一切无济于事。我使用 FB.Canvas.setSize() 明确设置宽度和高度。没有什么。

我想知道 FB.Canvas.setSize() 在将内容显示为页面选项卡时是否不起作用。如果是这种情况，您如何摆脱显示为页面选项卡的应用程序上的怪异滚动条？

4

4 回答 4

1

即使在 IE 中设置了宽度，我也会得到滚动条并切断内容。不得不将其减少到 510 像素。520 是最大值，但不同的浏览器可能有不同的 dpi 设置。无论是那个还是 MS 都给了 IE 一个不同的像素定义。

于 2012-02-22T06:07:20.243 回答
0

您是否尝试设置尺寸？为了摆脱滚动条，我总是做两件事：

  1. 我的应用程序的容器总是 520px 宽度，并且有溢出：隐藏集
  2. 我使用 JS API 设置的选项卡高度总是比实际的 HTML 高度大一点。

它总是对我有用...

这是我正在使用的代码：

window.fbAsyncInit = function() {

    if(typeof(FB) != 'undefined') {

        FB.init({
            appId: 111111111111111, xfbml: true, status: true, cookie: true, oauth: true
        });

        FB.Canvas.setSize({ width: 760, height: 1250 });
    }
};

(function() {
    var e = document.createElement('script');
    e.async = true;
    e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
}());
于 2012-03-06T23:09:39.330 回答
0

尝试创建一个您想要的大小的包装 div（默认 520x800 ），然后将溢出设置为隐藏。迫使您在空间内进行设计，但为我摆脱了滚动条问题。您可能还需要为该 div 设置 margin:0,padding:0 。如果您需要更多细节，您可以在我们构建的页面选项卡上查看http://facebook.com/xocialhost 。随意查看源样式表，它是我们为我们的 FB 应用程序定制的 HTML 5 样板的修改版本。

于 2011-09-19T15:55:09.143 回答
0

你需要做两件事： 1. 使用 FB.Canvas.setSize()。作为一个额外的锤子，使用 setAutoResize 并有很短的延迟。2.设置你的标签页CSS为溢出=隐藏；

这是 setSize 部分：

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

这是CSS部分：

body {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
于 2011-09-19T18:49:58.457 回答