类似Facebook的按钮（<；fb:Like>；）高度始终为80px

为什么我的Facebook按钮（技术上是生成的iframe）的高度总是设置为80px？示例页面如下：我正在使用javascript sdk，并已在其他页面上使用过它，但由于某些原因，高度在这一页面上不会动态变化！我甚至可以做类似的事情

---

这确实会设置可见高度，但iframe仍将是80px，而我可以在演示中看到它在它所说的参考中发生变化

最重要的社交插件是 Like按钮，它允许用户 将站点中的页面发布回 只需点击一下他们的Facebook个人资料。 您可以在任何页面上添加“相似”按钮 使用iframe标记：

有许多选项可供选择 Like按钮，包括 包括姓名和个人资料图片 用户的朋友的 我喜欢这个页面。这是一个类似的按钮 对于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>

大卫

---

我也有同样的问题。我只是简单地把fb:like标签放在一个ID为“facebook like”的DIV中。然后，我设置了一个CSS规则来限制“类似facebook”分区中存在的任何iframe的高度和/或宽度。这对我很有用

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

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

转到

---

取消选中“显示面”复选框。这将把高度降低到35像素。

我终于找到了答案

问题是为我在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);
  }());

看到和

---

顺便说一句，如果没有Facebook的URL Linter清除它检测到的所有错误，我永远不会发现这个问题

我用css解决了这个问题

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

其中#fb bar是的包装器。在html中

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

---

问题是我需要使用XFBML版本，因为它需要根据是否存在面动态调整大小。

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