4

Facebook の Like ボタン (技術的には生成される iframe) の高さが常に 80px に設定されるのはなぜですか? 例のページはこちら: http://www.davidkasper.net/test.html私は JavaScript SDK を使用しており、他のページで動作させましたが、何らかの理由でこのページでは高さが動的に変化しません! 次のようなこともできます。 実際に表示される高さを設定しますが、iframe は 80px のままですが、 http:<fb:like style="height:40px"> //developers.facebook.com/docs/reference/plugins/like のデモで変更されていることがわかります。

4

6 に答える 6

4

生成される iframe は、Facebook のプロフィール写真を表示するためのスペースを許可しています。show-faces="false" 属性を追加すると、高さが折りたたまれます。

<fb:like show-faces="false"></fb:like>
于 2010-05-18T13:17:29.117 に答える
2

私はcssでこの問題を修正します

#fb-bar iframe{min-height:80px !important;}

ここで、＃fb-barは<fb：like>のラッパーです。HTMLで

<div id="fb-bar">
  <fb:like href="link"></fb:like>
</div>
于 2010-08-10T09:55:50.670 に答える
2

これの答えがやっとわかりました！！

問題は、FB.init JavaScript で指定したアプリに間違ったベース ドメインが設定されていたことです。

  window.fbAsyncInit = function() {
    FB.init({appId: '**131226520233112**', status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());

http://davidkasper.net/test.html とhttp://davidkasper.net/test2.htmlの違いを参照してください

ちなみに、Facebook http://developers.facebook.com/tools/lint/の URL Linter がなければ、これを発見することはできなかったでしょう。検出されたすべてのエラーをクリアすると、問題は解決しました。

于 2010-06-24T03:47:03.670 に答える
1

デビッド、

私も同じ問題を抱えていました。ID が「facebook-like」の DIV 内に fb:like タグを配置するだけです。次に、「facebook のような」DIV に存在する iframe の高さや幅を制限する CSS ルールを設定します。私のために働いた！

于 2010-05-10T15:38:50.137 に答える
0

http://developers.facebook.com/docs/reference/plugins/likeにアクセスしてください

[顔を表示] チェックボックスをオフにします。これにより、高さが 35px に縮小されます。

于 2010-05-27T07:53:43.433 に答える
0

参照からそれは言う

最も重要なソーシャル プラグインは、ユーザーがワンクリックであなたのサイトから自分の Facebook プロフィールにページを投稿できるようにする Like ボタンです。iframe タグを使用して、任意のページに Like ボタンを追加できます。

<iframe src="http://www.facebook.com/widgets/like.php?href=http://example.com"
        scrolling="no" frameborder="0"
        style="border:none; width:450px; height:80px"></iframe>

[いいね] ボタンには、ページを高く評価したユーザーの友人の名前とプロフィール写真を含めるオプションなど、多数のオプションがあります。これは Facebook 開発者サイトのいいねボタンです...

私には、iframeを使用して、スタイルタグで幅/高さのプロパティを設定する必要があることを示しています...

<iframe src="http://www.facebook.com/widgets/like.php?href=http://example.com"
        scrolling="no" frameborder="0"
        style="border:none; width:300px; height:25px"></iframe>
于 2010-05-05T22:33:19.113 に答える