2011-10-17 15 views
1

私のアプリの使用スペースの幅を広げる必要があります。次の図は、使用するスペースがあることを示しています。アプリケーションのページ幅を広げる

画像:http://imageshack.us/photo/my-images/834/imgbe.png/

このアクションの例は次のようになります。 http://apps.facebook.com/meucalendario/

シモンズ:私が使用してみました:FB.Canvas.setAutoGrow、FB.Canvas.setSize()は成功しません。

ありがとうございました。

答えて

0

あなたはできません。最大値は760pxです。アプリケーションのビューポートをどれだけ伸ばすことができるかです。

+0

アプリケーションはどのように動作しますか? http://apps.facebook.com/meucalendario/ – vctlzac

+0

申し訳ありませんが、キャンバスベースのアプリケーションでのみ使用でき、キャンバスの幅を流体として設定すると、ページの全幅を使用できます。詳細は、このFacebookデベロッパーブログの記事http://developers.facebook.com/blog/post/549/ –

+0

からご覧いただけます。幅を液体に変更して正常に機能します。 tks。 – vctlzac

2

デフォルトのキャンバスの幅は760px ですが、Facebookは最近、開発者が流体幅を使用するためのオプションを追加しました。つまり、iframeの幅は100%で、ユーザーの画面解像度/ブラウザに応じて拡大されます。

あなたは(あなたがすでにアプリの設定でオプションを設定すると仮定し)の公式ブログの記事here、及び例を読むことができます:

<html> 
<head> 
    <title>Fluid Width HTML Example </title> 
</head> 

<body style="margin:0; padding:0; border:0; background-color:#000000"> 

    <div id="allContent" style="background-color: #0000FF; height:100%"> 
     <div id="output" style="color: #FFFFFF;" /> 
    </div> 

    <div id="fb-root"></div> 
    <script src="http://connect.facebook.net/en_US/all.js"></script> 
    <script type="text/javascript"> 
    FB.init({ 
      appId : 'APP ID', 
     }); 

    function echoSize() { 
       document.getElementById('output').innerHTML = 
       "HTML Content Width: " + window.innerWidth + 
       " Height: " + window.innerHeight; 
       console.log(window.innerWidth + ' x ' + window.innerHeight); 
     } 

     echoSize(); 
     window.onresize = echoSize; 
    </script> 
    </body> 
</html> 

PS:あなたライブをオーバーライドすることはできません右のティッカー!

関連する問題