我今天才注意到Facebook Like Box小部件的数据宽度属性似乎不起作用.看起来它恢复到默认宽度.我在谈论的一个例子可以在http://blog.christopherjonesart.com上看到.
这是我正在使用的代码(它非常标准):
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like-box" data-href="http://www.facebook.com/christopherjonescomicart" data-width="190" height="395" data-show-faces="true" data-border-color="black" data-stream="false" data-header="true"></div>
我在几个网站上遇到过这个问题.它是在Chrome,Firefox,Safari和Internet Explorer中实现的.我最近没有更新Wordpress或对我的CSS进行任何更改.
救命？它看起来真的很糟糕.:-(
我注意到我在许多网站上集成的Facebook LikeBox(facebook社交插件)现在已经超出其设计宽度而非常重叠.
当我尝试重新生成代码时,我注意到官方Facebook小部件页面上支持的最小宽度现在是"292像素",这远远超出了我管理的大多数网站中平均边栏的空间.
希望问题只是我的问题,但是让Likebox以更小的尺寸调整大小(比如说最小180像素)会更好吗？并非所有网站都能买得起300像素的边栏!
我使用了一种解决方法,通过在DIV内部切割(隐藏)右侧的超大部分,但显然这远非最佳.