Question

为什么我的Facebook Like按钮（实际上是生成的iframe）的高度总是设置为80px？示例页面在这里：http://www.davidkasper.net/test.html我正在使用javascript sdk并且已经在其他页面上工作了但是由于某种原因，高度不会在这个上动态改变！我甚至可以做类似的事情 <fb:like style="height:40px"> 这确实会设置可见高度，但iframe仍然是80px，而我可以在http://developers.facebook.com/docs/reference/plugins/like的演示中看到它发生变化

Answer 1

生成的iframe允许显示Facebook个人资料图片的空间。添加show-faces =“false”属性，它将折叠高度。

<fb:like show-faces="false"></fb:like>

Answer 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的URL Linter，我永远不会发现这个http://developers.facebook.com/tools/lint/清除它检测到的所有错误解决了问题！

Answer 3

我用css解决了这个问题

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

其中＃fb-bar是＆lt;的包装器fb：喜欢＆gt;。在html中

<div id="fb-bar">
  <fb:like href="link"></fb:like>
</div>

Answer 4

大卫，

我也有同样的问题。我只是将fb：like标签放在ID为'facebook-like'的DIV中。然后我设置一个CSS规则来限制“facebook-like”DIV中存在的任何iframe的高度和/或宽度。为我工作！

Answer 5

从参考文献中可以看出

最重要的社交插件是 Like按钮，用户可以使用将您网站上的网页发回点击一下他们的Facebook个人资料。您可以向任何页面添加“赞”按钮使用iframe标记：

<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并在样式标记中设置width / height属性...

<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>

Answer 6

转到http://developers.facebook.com/docs/reference/plugins/like

取消选中“显示面孔”复选框。这会将高度降低到35px。

Facebook喜欢按钮（<fb：like>）高度总是80px </fb：喜欢>

6 个答案: