デフォルトのキャンバスの幅は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:あなたはライブをオーバーライドすることはできません右のティッカー!
アプリケーションはどのように動作しますか? http://apps.facebook.com/meucalendario/ – vctlzac
申し訳ありませんが、キャンバスベースのアプリケーションでのみ使用でき、キャンバスの幅を流体として設定すると、ページの全幅を使用できます。詳細は、このFacebookデベロッパーブログの記事http://developers.facebook.com/blog/post/549/ –
からご覧いただけます。幅を液体に変更して正常に機能します。 tks。 – vctlzac