Facebook Like-Box 最小宽度更改为 292 像素。有什么办法可以改变这种行为？答案

【问题标题】：Facebook Like-Box min-width changed to 292px. Any way to change this behavior?Facebook Like-Box 最小宽度更改为 292 像素。有什么办法可以改变这种行为？
【发布时间】：2014-06-02 22:10:38
【问题描述】：

我刚刚注意到我的一个网站的 html 布局发生了变化。

一切看起来都很乱，搜索后我发现原因是 Facebook Like Box（最小宽度似乎已更改为 292 像素）位于 250 像素的容器中。

https://developers.facebook.com/docs/reference/plugins/like-box/

多年来，我一直在那里使用宽度 = 220px 的点赞框，Facebook 改变了这种“遗留”行为有点尴尬。这个盒子在我的网站上有它的位置，现在我需要弄清楚把它放在哪里。

以我当前的网站布局，不可能将 facebook like 框移动到不同的位置；所以我现在必须删除 if。

任何想法为什么 Facebook 会这样做以及是否有任何解决方法？

谢谢，

丹

【问题讨论】：

文档中关于支持的最小宽度的注释自 2011 年以来一直存在；看起来最近的变化意味着这在技术上也得到了强制执行——你可以提交错误报告，但我怀疑它会是“无法修复”或“设计使然”
另见facebook.stackoverflow.com/questions/17056656/…

标签： facebook facebook-like

【解决方案1】：

我不知道为什么 Facebook 会这样做，但是您可以使用 CSS 轻松设置自己的宽度：

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

【讨论】：

【解决方案2】：

div 有一个data-width 属性来管理宽度。

以下代码运行良好。

<div class="fb-like-box" data-width='260' data-href="https://www.facebook.com/FacebookDevelopers" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>

【讨论】：