Question

我正在尝试将Facebook评论框小工具添加到网站，但是facebook设置的预定高度会将框切成一次只能看到一条评论的位置。

我看过整个互联网，似乎这是几年前的一个问题，它几乎影响了每个拥有其中一个小部件的网站，但我还没有看到当前网站有这个问题，这让我相信旧问题在某些时候已得到解决。

我尝试用以下方式覆盖Facebook CSS：

 .fb_ltr{max-height:px !important;}

但所有这一切最终都是将它带到你设定的任何高度，然后像以前一样切断它。最近或过去有没有其他人遇到过这个问题？有没有办法解决它？很明显，一些网站正在使它发挥作用。

 <!DOCTYPE html>
<html>
     <head>
        <title>Example</title>
        <link rel="stylesheet" ;type="text/css"; href="test.css"/>

    </head>
    <body>
     <div id="fb-root"></div>
     <script>(function(d, s, id) {
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) return;
     js = d.createElement(s); js.id = id;
     js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1";
     fjs.parentNode.insertBefore(js, fjs);
     }(document, 'script', 'facebook-jssdk'));</script>



     <div class="fb-comments" data-href="http://example.com" data-width="470" data-num-   posts="10"></div>            

  </body>
 </html>

Answer 1

我不认为你在使用facebook的插件时可以这样做。你需要通过手动使用一些JSON来提取帖子，网上有很多教程。

Answer 2

在插件的CSS文件中，您必须删除所有代码，如：

.facebook-comment { width: 95px !important; }

这些代码由插件解决，但与所有主题和网站不匹配。

完成此操作后，您可以创建新的<div class=fb-comment>或类似内容，以便根据需要自定义您的Facebook评论框（替换它，设置宽度等）

Facebook评论框没有扩大

2 个答案: