2011-07-26 7 views

答えて

9

これは520ピクセルでした。

キャンバスページと同様に、アプリの利用可能なスペースは、Facebookの外部コンテキストによって制限された です。アプリは もFacebookページ内に読み込まれているので、スペースはキャンバスページで利用できるものよりも小さい(520ピクセル) です。

from FB docs(はい私はキャンバスについてそのドキュメントを知っていて、それが唯一のiframeを言及していますが、私は完全なIFRAMEのドキュメントを参照してすばやく見つけることができません)

重要な更新

3月30日2012年、 Facebookはこれを810pxに変更し、タイムラインの新しいデザインに合わせました。

ここでは、幅810ピクセルのFacebookアプリのスクリーンショットがあります。

enter image description here

+0

オーバーフローを伴う520px:非表示(本文内)。縦スクロールバーを使用する場合は503ピクセルです。 - – Tomkay

+0

これは間違っています。あなたは810pxのボディ幅を持つことはできません、またはあなたは水平スクロールバーを取得します。これは、Facebookによって課される追加のマージンを説明していません。どのように誰もこれらのFacebookの問題のいずれかへの答えを知っているので、ばかだ。 – 3Dom

+0

@ 3Dom特に、本体の幅が810pxのテストフェイスブックアプリのスクリーンショットを追加して、水平スクロールバーが表示されないようにしてください。 –

2

は、今後の参考のためには、フレームの幅がアプリの高度な設定内の浮遊するように設定することができます。これにより、アプリの幅を自由に設定できます。 http://developers.facebook.com/blog/post/549/

3

810pxワイドを参照してください。次のコードを使用すると、スクロールバーについて心配する必要はありません。

<!--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> 
関連する問題