Facebook评论改变了移动设备上的样式表

Question

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

Facebook评论为移动设备生成一个新的样式表。我正在寻找一些禁用或忽略这个新样式表的代码。

...截图   - on desktop   - on mobile

Answer 1

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

即可

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

Answer 2

知道了！要禁用移动设备样式表，我们必须在HTML代码中插入新属性（mobile =“false”）。

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

非常感谢！

\ O /