2012-04-05 13 views
1

Facebookでアプリを開発しています。 は昨日のでサイズ変更は、次のスニペットでうまく働い: CSS:新しいFBキャンバス(810px)が削除されました

body, html { overflow:hidden; width:810px;margin:0; padding:0; border:0; } 

右終了bodyタグの前に:Facebook上

<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script> 
<script type="text/javascript" charset="utf-8"> 
FB.Canvas.setAutoGrow(true,100); 
</script> 

私は高さと幅のための固定]を選択したが、それはいけませんautoGrowに起因する問題。

今日はそれだけで切り捨てられているので、私は流体の設定を試みましたが、何も変わっていませんでした。 bodyとhtmlのCSSルールを削除できますが、スクロールバーが追加されます。

したがって、短く: リサイジングはもはや機能しません。

アプリがページリロードなしで動的に(JS経由で)リサイズすることは大切です(多分)。

コードがまったく変更されていないため、Facebookが何か変更した可能性があると心配していますか?

<div id="fb-root"></div> 
<script type="text/javascript"> 
window.fbAsyncInit = function() { 
window.setTimeout(function() { 
    FB.Canvas.setAutoGrow() 
}, 250) 
}; 
(function() { 
var e = document.createElement('script'); 
e.async = true; 
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; 
document.getElementById('fb-root').appendChild(e) 
}()); 
</script> 

UPDATE:

質問が正しく答えましたが、もう一つは気づか: 私もこれがどんな影響を与えることなくスニペット(それはとにかく同じことを)JSしようとしたほか

bodyにちょうど適用し、私が以前のキャンバスを使って作業したルールからhtmlを削除した後に動作しました。

また、ヘッダーにコードを挿入しても何も変更されず、本文領域の先頭に置くのと同じではありません。

答えて

1

私は私のアプリIDを追加しましたが、それは何の影響もありません。この

<div id="fb-root"></div> 
    <script src="https://connect.facebook.net/en_US/all.js"></script> 
    <script> 
     window.fbAsyncInit = function() { 
     FB.init({ 
      appId : 'YOUR APP ID', //Your facebook APP here 
      cookie : true, // enable cookies to allow the server to access the session 
     }); 
     } 

     window.onload = function() { 
     FB.Canvas.setAutoGrow(91); 
     } 
    </script> 
+0

をお試しください: -/ – SamiSalami

+0

オーケーをあなたはあまりにも早くIコンテンツを拡大している場合は...実際には、おそらく、時々ではない作品今すぐテストしてみてください - 解決策かもしれません。 – SamiSalami

+1

私はあなたの質問を "閉幕タグの直前:"を読んで、タグを開いた直後にスクリプトを入れてみてください。あなたのタグと –

関連する問題