令人难以置信的Facebook评论萎缩

Incredible shrinking Facebook comments

本文关键字：评论 Facebook 令人难以置信      更新时间：2023-09-26

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

http://www.rocketcases.com/casestarter/captain-quinn

我不知道为什么这种情况开始发生。它不是那样开始的，它最近才开始这样做。

我已经尝试禁用所有其他JS，并且仍在发生。我搜索过Google和StackOverflow。似乎没有其他人遇到过这种情况。

有什么想法吗？我错过了一些非常明显的东西吗？

将fb-comments fb_iframe_widget容器内的跨度宽度设置为 100% !important 。

喜欢这个：

.fb_iframe_widget span { width: 100% !important}

编辑：

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

s.height=Math.max(this._shrinker.offsetTop,0)

这意味着，除非父元素（在您的情况下，带有类 fb-comments 和 fb_iframe_widget 的div）具有固定宽度，否则脚本将循环并继续减小宽度。

如果您有兴趣，以下是脚本中的片段：http://pastebin.com/GesPgQNY

为元素设置min-width将解决问题。 最好为插件的父元素分配一个唯一的类，以避免将来的冲突。

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

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

.fb-comments， .fb-comments iframe[style] {width： 90% ！important;

一旦我删除了它，它就可以正常工作。太奇怪了。

感谢您的帮助！

相关文章：