javascript - 令人难以置信的 Facebook 评论缩水

Question

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

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

我不明白为什么会出现这种情况。它不是这样开始的，它最近才开始这样做。

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

有什么想法吗？我是否漏掉了一些非常明显的东西？

Answer 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