4

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

一切看起来都很乱,搜索后我发现原因是 Facebook Like Box(最小宽度似乎已更改为 292px)是一个 250px 的容器。

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

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

以我目前的网站布局,不可能将 facebook like box 移动到不同的地方;所以我现在必须删除 if 。

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

谢谢,

4

2 回答 2

7

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

.fb-like-box span, .fb-like-box iframe {
    width: 220px !important;
}
于 2013-06-16T22:20:23.510 回答
0

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>
于 2014-06-02T14:10:38.327 回答