这是一个奇怪的。我的一个页面上有HTML5 Facebook评论，页面加载后，Facebook评论区域开始水平缩小，直到达到5或0px。你可以在这里看到它：
http://www.rocketcases.com/casestarter/captain-quinn
我无法弄清楚为什么会发生这种情况。它并没有像那样开始，它刚刚开始做它。
我已经尝试禁用所有其他JS，但它仍然在发生。我搜索了Google和StackOverflow。似乎没有其他人遇到过这个。
有什么想法吗？我错过了一些非常明显的东西吗？
答案 0 :(得分：1)
将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
答案 1 :(得分：0)
为元素设置min-width将解决问题。最好为插件的父元素分配一个唯一的类，以避免将来发生冲突。
.fb-comments.fb_iframe_widget span:first-child {
min-width: 600px;
}
答案 2 :(得分：0)
这是因为我添加了一些自定义CSS来调整FB注释div的宽度。
.fb-comments，.fb-comments iframe [style] {width：90％！important;
一旦我删除它，它就可以正常工作。很奇怪。
感谢您的帮助！