2013-06-12 54 views
3

我注意到我在许多网站中集成的Facebook LikeBox(facebook社交插件)现在超出了其设计的宽度而非常重叠。Facebook LikeBox最小宽度变得太大

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

希望这个问题只是我的,但最好让Likebox在较小的尺寸(例如最小180像素)上调整大小?并非所有的网站都可以购买300像素的边栏!

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

回答

5

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

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

FBLB

这样您就可以切换到任何你想

+0

iframe的方法为我工作。当他们打破你的网站这样很好,对最终用户非常负责...... –

0

你可以在样箱重置最小宽度插件代码生成width属性。您可以直接在宽度选项中设置它(即使建议为292,也可以使用任何数字),也可以在生成的实际代码中手动更改它(如先前发布的示例中显示的两处)。

0

我有同样的问题,但遗憾的是我不能尝试修复了现在。

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

+0

Imho,iframe在渲染所有html和css后加载,所以你不能从css改变样式,不是? – havenchyk

0

按niutech的答案here,则可以覆盖宽度是这样的:

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