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

Question

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

Answer 1

这是520px。

  

与Canvas页面一样，您的应用可用的空间量是   受Facebook外围背景的束缚。既然你的应用也是   在Facebook页面内部加载，空间比（@ 520像素）小   Canvas页面上可用的内容。

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

重要更新

2012年3月30日，Facebook将此更改为 810px ，以匹配时间轴的新设计。

在这里你有Facebook应用程序的屏幕截图，宽度为810px。

Answer 2

810 px 宽。如果您使用以下代码，则无需担心滚动条...

<!--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>

Answer 3

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