Javascript 令人难以置信的Facebook评论

Javascript 令人难以置信的Facebook评论,javascript,css,facebook,html,comments,Javascript,Css,Facebook,Html,Comments,这是一个奇怪的。我的一个页面上有HTML5 Facebook评论,页面加载后,Facebook评论区域开始水平收缩,直到达到5或0px。你可以在这里看到: 我不明白为什么会这样。它不是这样开始的,它只是最近才开始做的 我尝试过禁用所有其他JS,但它仍然在发生。我搜索过谷歌和StackOverflow。似乎没有其他人遇到过这种情况 有什么想法吗?我是否遗漏了一些非常明显的内容?将fb comments fb\u iframe\u窗口小部件容器内的跨度宽度设置为100%!重要信息 像这样: .fb

这是一个奇怪的。我的一个页面上有HTML5 Facebook评论,页面加载后,Facebook评论区域开始水平收缩,直到达到5或0px。你可以在这里看到:

我不明白为什么会这样。它不是这样开始的,它只是最近才开始做的

我尝试过禁用所有其他JS,但它仍然在发生。我搜索过谷歌和StackOverflow。似乎没有其他人遇到过这种情况


有什么想法吗?我是否遗漏了一些非常明显的内容?

fb comments fb\u iframe\u窗口小部件
容器内的跨度宽度设置为
100%!重要信息

像这样:

.fb_iframe_widget span { width: 100% !important}
编辑:

原因似乎在Facebook的一个脚本中,该脚本计算元素相对于父元素的宽度。剧本中的一段:

s.height=Math.max(this._shrinker.offsetTop,0)
这意味着,除非父元素(在您的例子中,包含类fb comments和fb_iframe_小部件的div)具有固定的宽度,否则脚本将循环并不断减小宽度


如果您感兴趣,下面是脚本中的片段:

为元素设置
最小宽度将解决此问题。最好给插件的父元素分配一个唯一的类,以避免将来的冲突

.fb-comments.fb_iframe_widget span:first-child {
min-width: 600px;
}

这是因为我添加了一些自定义CSS来调整FB comments div的宽度

.fb comments.fb comments iframe[style]{宽度:90%!重要

一旦我把它去掉,它就很好用了。真奇怪


谢谢你的帮助!

谢谢你的帮助,但问题是我的自定义CSS造成的。@Jon是的,这就是我提到使用固定宽度的原因。我发现是我的自定义CSS造成的问题。我删除了它,现在它可以正常工作了。谢谢你的帮助。