如何制作响应式Facebook评论

Question

我无法让Facebook Comments Plugin响应。显然，他们不断改变渲染框架的方式，因此很难在网上找到解决方案。

显然，最新表格于2014年3月实施。

旧的方式是CSS，但现在还没有解决问题。显然，需要一个javascript来重写将调用框架代码的代码。此代码还应该在每次更改浏览器大小时调整“数据宽度”。

有人已经实施了这个解决方案吗？有谁知道另一种解决方法？

非常感谢。

Answer 1

看起来您现在可以在Facebook评论框中指定100％宽度，但它仅适用于页面加载。至少它比以前更好。

<div class="fb-comments" 
  data-href="http://example.com/" 
  data-width="100%" 
  data-numposts="5" 
  data-colorscheme="light">
</div>

如果您想要更改窗口更改的宽度，我仍然需要添加以下CSS，并且不保证将来不会更改。希望上面的代码最终能够完全响应。

.fb-comments span, 
.fb-comments iframe {
  width: 100% ! important;
}