3

ページに単純な HTML Facebook タブを作成しようとしていますが、タブの最大高さを変更する方法が見つかりません。

私はコーディングの初心者であり、非常に基本的な HTML を知っていますが、JavaScript の経験がまったくないため、JavaScript は避けようとしました。

残念ながら、JavaScript なしではこれを行うことができないようです。そのため、私の問題はおそらく私が何か間違ったことをしている可能性があります。

コードは次のようになります (終了 HTML タグを含む残りのコードは JavaScript 部分の後にあり、正常に動作しています)。

<!DOCTYPE html>
<html>
<body>

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '***********', // App ID
      channelUrl : '//**********', // Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });

    // Additional initialization code here
  };

  // Load the SDK Asynchronously
  (function(d){
     var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/en_US/all.js";
     ref.parentNode.insertBefore(js, ref);
   }(document));
</script>

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

Facebook の開発者ページから Javascript SDK をほとんどコピーしたところ、高さを自動的に設定する小さなコードが見つかりました。私は答えをグーグルで検索しましたが、これを修正できるものを見つけることができませんでした (または、私のような絶対的な初心者が理解できる方法で説明します)。

あなたが私を助けてくれることを願っています。

//フレデリック

4

2 に答える 2

2

あなたは非常に基本的なhtmlを知っていると言ったので、CSSの可能性も認識していないと思いますので、これを置き換えることをお勧めします:

<div id="fb-root"></div>

これとともに：

<div id="fb-root" style="max-width: 100px;"></div>
于 2012-10-10T09:01:10.787 に答える