Facebook评论更改了手机上的样式表

Question

我正在编写一个响应式网站，这是我第一次使用Facebook评论工具。除了我在手机上访问它之外，一切都是正确的。

Facebook Comments为手机生成了一个新的样式表。我正在寻找一些禁用或忽略这个新样式表的代码。

屏幕截图。。。-在桌面上-在移动上

Answer 1

您可以添加自己的CSS来覆盖FB CSS，并使评论框做出响应。只需将其添加到您的CSS 中

.fb-comments, .fb-comments iframe[style] {max-width: 100% !important;}

Answer 2

明白了！要禁用mobile的样式表，我们必须在HTML代码中插入一个新属性（mobile="false"）。

<div class="facebook_comments">
   <div class="fb-comments" data-href="http://example.com" data-mobile="false"></div>
</div>

非常感谢！

\o/