facebook - Facebook LikeBox 最小宽度太大

Question

我注意到我在许多网站中集成的 Facebook LikeBox（Facebook 社交插件）现在严重重叠，超出了设计的宽度。

当我尝试重新生成代码时，我注意到官方 Facebook 小部件页面上支持的最小宽度现在是“292 像素”，这远远超出了我管理的大多数网站的平均侧边栏空间。

希望问题只是我的问题，但是允许将 Likebox 调整为更小的尺寸（例如，最小 180 像素）不是更好吗？并非所有网站都能负担得起 300 像素的侧边栏！

我使用了一种解决方法，通过在 DIV 内切割右侧过大的部分来切割（隐藏）它，但显然这远非最佳。

score 5 · Accepted Answer

你留下了很多猜测工作所以我猜你正在使用 HTML5 方法。

在开发页面上单击获取代码后，通过选择选项卡尝试使用 iframe 方法。

FBLB

然后，您必须将 width 属性更改为您想要的任何内容

score 0 · Accepted Answer

根据 niutech在此处的回答，您可以像这样覆盖宽度：

.fb-like-box span, .fb-like-box iframe {
    width: 180px !important;
}

score 0 · Accepted Answer

我有同样的问题，但不幸的是现在无法尝试修复。

一个想法是将 Like Box 包装在一个 div 中，然后使用 CSS 来设置#myDiv iframe { width: 230px !important; }. 让我知道你们中的一个人是否能做到这一点。

score 0 · Accepted Answer

如果我没记错的话，昨晚 Facebook Like Box 似乎有一个秘密更新。Facebook Like Box 似乎不再支持小于 292px 的宽度。

要进行验证，请访问https://developers.facebook.com/docs/reference/plugins/like-box/。键入小于 292px 的宽度，它将不再小于 292 宽度。

露营以获得更多验证

score 0 · Accepted Answer

您可以在like box 插件代码生成器中重置最小宽度。您可以直接在宽度选项中设置它（即使它建议为 292，它也可以使用任何数字），或者您可以在生成的实际代码中手动更改它（出现在前面发布的示例中的两个位置）。

5 回答 5