0

iFrame ページの高さをページのコンテンツに合わせて調整しようとしています。アプリの設定で、次のように設定しました。

キャンバスの幅: 固定 (760px) キャンバスの高さ: 設定可能 (デフォルト: 800px) ソーシャル ディスカバリー: 有効

そして、これは私の index.html ファイルのコードです:

<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0              
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html 
xmlns="http://www.w3.org/1999/xhtml"><head><title></title><meta http-equiv="refresh" 
content="0;url= Merchandise.html" />
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.Canvas.setSize();}
function sizeChangeCallback() {
FB.Canvas.setSize();}
</script></head><body><div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({ 
appId : 'XXXXXXXXX',
status : true, 
cookie : true, 
xfbml : true 
});
</script></body></html>

ここから何が悪いのかよくわかりません。どんな助けでも素晴らしいでしょう。また、無駄に推奨されているcssブロックを追加しようとしました。

メタ更新タグを削除し、コードを編集すると、次のようになります。

<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0     
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html 
xmlns="http://www.w3.org/1999/xhtml"><head><title></title><content="0;url=   
Merchandise.html" />
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script type='text/javascript'>
window.onload=function() {
  FB.Canvas.setSize({width:760,height:document.body.offsetHeight});
}
</script></head><body>
</body></html>

まだ運がない

4

1 に答える 1

0

JavaScript SDK で何か他のことをしている場合を除き、実際に FB.init() を呼び出す必要はありません。<script>現在持っているすべてのブロックを取り除き、このコードだけを に入れてみてください<head>:

<script src="http://connect.facebook.net/en_US/all.js"></script>
<script type='text/javascript'>
window.onload=function() {
  FB.Canvas.setSize({width:760,height:document.body.offsetHeight});
}
</script>

また、ヘッダーのメタ更新タグは何ですか?

ページ タブの場合、setSize() の呼び出しを次のように変更します。

FB.Canvas.setSize({width:520,height:document.body.offsetHeight+20});

また、ページに 760px/520px を超える要素がないことを確認してください。そうしないと、水平スクロールバーが表示され、垂直スクロールバーも表示されることがよくあります。

于 2011-10-26T20:10:46.817 に答える