Facebookのキャンバスに既存のレールアプリを違う方法で表示するには

Question

Facebookのキャンバスに自分のアプリが表示されました。しかし、それは既存のアプリなので、Facebookのキャンバスに収まるには大きすぎます。だから、私は自分のFacebookのアプリのための別のCSSファイルを作成する必要があります考えている？もし私がすべきなら、どう？それとも私は別のことをしなければならないのですか

ありがとうございます。

Answer 1

iframeオプションを正しく使用していますか？あなたはウェブサイトの幅や高さについて話していますか？高さはダイナミックにできるので。幅については、新しいスタイル（新しいスタイルシートの中にある可能性があります）が必要になると思います。

次のHTMLとJavascriptを使用すると、iframeの高さを動的に変更できます。それをあなたの頭のタグの中に入れてください。

<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script> 
<script type="text/javascript"> 
    window.fbAsyncInit = function() { 
    FB.init({appId: 'your_app_id', status: true, cookie: true, xfbml: true}); 
    FB.Canvas.setAutoResize(); 
    }; 
</script> 

どのCSSファイルを使用するかを確認する方法については、 fbAsyncInitの中にいくつかのJavascriptを入れて、新しいCSSファイルを追加することができます。 iframe（頭の中）にいるかどうかを確認することもできます。

<script type="text/javascript"> 
if (top === self) { 
    document.write('<%= stylesheet_link_tag "application" %>'); 
} else { 
    document.write('<%= stylesheet_link_tag "facebook" %>'); 
} 
</script> 

私はうまくいきたいと思います。 :)