Question

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

一切看起来都很乱，搜索后我发现原因是Facebook Like Box（最小宽度似乎变为292px）是一个250px的容器。

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

我已经在那里拥有了多年的宽度= 220px的喜欢盒子，而且Facebook改变了这种“传统”行为，这有点令人讨厌。盒子在我的网站上占有一席之地，现在我需要弄清楚它放在哪里。

根据我目前的网站布局，不可能在另外的地方移动像facebook一样的盒子;所以我现在必须删除。

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

谢谢，

丹

Answer 1

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

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

Answer 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>

Facebook Like-Box最小宽度变为292px。有什么方法可以改变这种行为？

2 个答案: