data-layout =＆＃34; box_count n＃34;没有显示正确的宽度

Question

我正在努力解决一个非常奇怪的问题。

当我使用data-layout =＆＃34; box_count＆＃34;在类似按钮上，喜欢的框架的宽度是削减，但当我使用数据布局=＆＃34;标准＆＃34;这是绝对正确的。

我使用的代码是HTML5，它就在开发人员框中。

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&appId=504558953003252&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

这是一些关于它如何找我的图片，

数据布局=＆＃34; box_count＆＃34;

数据布局=＆＃34;标准＆＃34;

有什么想法吗？

Answer 1

检查你的CSS并确保没有任何东西阻止iframe像插件一样被绘制。

几天前我遇到了完全相同的问题，在提交错误报告后，Facebook告诉我哪种CSS样式存在冲突。

你应该看一些事情：

• 检查iframe元素或其容器上是否有max-width:（这是我的情况，我修改了一个客户端的WordPress主题，这是在CSS重置，所以我没有注意到...）
• 尝试对所有iframe的父母强制overflow: visible（文档建议如此）

来自Like Button documentation：

  

当我点击赞按钮时，评论弹出窗口（＆＃39;弹出窗口＆＃39;）无法显示。为什么？

     

如果将Like按钮放置在HTML溢出属性设置为隐藏的HTML元素边缘附近，则单击该按钮时可能会剪切或完全隐藏弹出按钮。这可以通过将overflow属性设置为隐藏以外的值来解决，例如visible，scroll或auto。