facebookアプリの画面の高さを調節する！

facebookアプリの標準の横幅サイズは、760pxみたいです。

横幅は760px内に収まるように作成するのですが、

問題は高さです。

画面からはみ出てしまったり、無駄にスクロールバーが表示されてしまうと

かっこ悪いので、自動的に高さを調節してくれるように、

工夫しましょう。

bodyの閉じタグの直前に以下のソースを入れることで、

自動的に調節してくれます。

------

<script type="text/javascript"

        src="http://connect.facebook.net/en_US/all.js"></script>

<script type="text/JavaScript">

FB.init({

   appId: 'Your App ID', // edit it

   status: true,

   cookie: true,

   xfbml: true,

   logging: true

});



window.fbAsyncInit = function() {

   FB.Canvas.setAutoResize();

}



jQuery(document).ready(function(){

   // hide scroll bar

   FB.Canvas.setAutoResize();  

});

</script>

------

facebookのSDKから出ているjQueryです。

これで自動的に表示する高さを調節してくれます！

ぜひお試しください。