facebook页面的最大iframe宽度是多少？（2011 年 7 月）答案

【问题标题】：What is the maximum iframe width of a facebook page? (July 2011)facebook页面的最大iframe宽度是多少？（2011 年 7 月）
【发布时间】：2011-07-26 09:56:34
【问题描述】：

Facebook 页面的最大 iframe 宽度是多少？

【问题讨论】：

标签： facebook iframe width frame max

【解决方案1】：

它是 520 像素。

与 Canvas 页面一样，您的应用可用的空间量是受限于 Facebook 的外部环境。由于您的应用程序也是加载到 Facebook 页面内，空间小于（520 像素）画布页面上可用的内容。

from FB docs（是的，我知道那个关于画布的文档，它只提到了 iframe，但我无法快速找到对完整 iframe 文档的参考）

重要更新

2012 年 3 月 30 日，Facebook 将其更改为 810px，以配合新的时间线设计。

这里是 Facebook 应用的屏幕截图，宽度为 810 像素。

【讨论】：

它的 520px 溢出：隐藏（在正文中）。如果您使用垂直滚动条，则为 503px。 ——
这是错误的。正文宽度不能为 810 像素，否则会出现水平滚动条。这不包括 Facebook 强加的额外利润。如此愚蠢，没有人知道这些 Facebook 问题的答案。
@3Dom 特别为您添加一些测试 facebook 应用程序的屏幕截图，正文宽度为 810 像素，并且您可以看到没有水平滚动条。

【解决方案2】：

810 像素 宽。使用下面的代码就不用担心滚动条了...

<!--in head section-->
<script type="text/javascript">    
  window.fbAsyncInit = function() {    
    FB.Canvas.setSize();    
  }    
  // Do things that will sometimes call sizeChangeCallback()    
  function sizeChangeCallback() {    
    FB.Canvas.setSize();    
  }    
</script>

<!--at the bottom of your page right before the closing body tag-->

<div id="fb-root"></div>

<script src="http://connect.facebook.net/en_US/all.js"></script>

<script>    
  FB.init({    
    appId : '320332891360172',    
    status : true, // check login status  
    cookie : true, // this allow the server to access the session  
    xfbml : true // parse XFBML    
  });    
</script>

【讨论】：

【解决方案3】：

为了将来参考，您可以在应用程序的高级设置中将框架宽度设置为浮动。这允许您为您的应用程序设置任何宽度。见http://developers.facebook.com/blog/post/549/

【讨论】：