开发者

What is the maximum iframe width of a facebook page? (July 2011)

开发者 https://www.devze.com 2023-03-23 02:54 出处:网络
What is the maximum iframe width of a facebook开发者_开发百科 page?It was 520px. As with a Canvas Page, the amount of space available to your app is

What is the maximum iframe width of a facebook开发者_开发百科 page?


It was 520px.

As with a Canvas Page, the amount of space available to your app is bounded by the outer context of Facebook. Since your app is also loaded inside of Facebook Page, the space is smaller (520 pixels) than what is available to on a Canvas Page.

from FB docs (yes i know that doc about canvas and it's only mentions iframes, but i cannot find quickly reference to full iframe documentation)

Important Update

On the March 30th 2012, Facebook changed this to 810px, to match the new design of timeline.

And here you have a screenshot of the Facebook app, with width 810px.

What is the maximum iframe width of a facebook page? (July 2011)


It's 810 px wide. You don't have to worry about scrollbars if you use the following code...

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


For future reference, you can set the frame width to be floating inside advanced settings of app. This allows you to have any width for your app. See http://developers.facebook.com/blog/post/549/

0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号