facebook - Facebook like 按钮的评论弹出窗口显示一半。

Question

我正在使用 Wordpress 的 21 个主题。

在其他主题中，没有问题，但在 21 中，Facebook 的点赞按钮的评论弹出窗口有问题。它显示了一半。当我点击“Like”按钮时，视图如下：

我为 Wordpress 使用 Facebook 插件。我该如何解决这个问题？

非常感谢你的帮助！

score 5 · Accepted Answer

这是 21 中的一个错误（以及其他一些主题，可能是复制粘贴的）。打开你的 style.css 并寻找：

embed,
iframe,
object {
  max-width: 100%;
  width: 100%;
}

如果您删除最大宽度线，它应该可以工作！也许有一个更优雅的解决方案，但老实说，我不知道为什么 iframe 的大小应该总是限制在它的容器中（在这种情况下是 FB 按钮）。

score 1 · Accepted Answer

也许这是一个更好的方法！在您的 Facebook Like Button div 上放置一个类，在这种情况下，我使用了“fb-like”类。

.fb-like iframe,
.fb_iframe_widget iframe {
    max-width: none;
}

score 0 · Accepted Answer

寻找/测试很多解决方案，我发现一个隐藏评论窗口的解决方案（来源：https ://stackoverflow.com/a/12829375/3687838 ）然后我写了一个显示窗口而不显示一半的解决方案。我不是程序员，但根据我调整 wordpress 插件的小经验，我想出了这个想法：

.fb-like {
    z-index: 200;
    position: absolute;
}

将其复制/粘贴到您的自定义 CSS 主题文件中。如果您希望窗口位于所有内容之上，z-index 值甚至可以更改为 10000。如果要隐藏评论窗口，请使用上面链接中提供的解决方案，其值为 27px 而不是 20px。

3 回答 3