Javascript facebook评论框格式设置高度：590px

在iPad上，facebook评论框的高度自动设置为590px。初始视图只是登录按钮，所以太大了。我不能在css中设置高度，因为一旦他们登录，那么内容区域就会太小，fb也不会设置任何在这些条件下我可以挂入的类

在这方面，我有：

<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 = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=00000000";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/en_US/all.js#xfbml=1&appId=00000000”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；

在内容区域内：

<div id="fb_comments">
    <fb:comments href="<?php the_permalink(); ?>" num_posts="10" width="500">    </fb:comments>
</div>

我想您可以使用JQuery来解决这个问题。
检查用户是否已连接。如果他是，则将高度设置为590px，否则将其设置为您想要的任何值

您可以通过添加，然后执行类似于
$（'.fb:comments'）.css（'height'，'YourValuepx'）

无论如何，我不知道这种插件是否可以在手机上使用。还有一个移动版的JQuery插件，但我没有这方面的经验：
我用来解决这个问题的解决方案是将facebook评论div放在父div中，设置父div的最大高度，并将溢出设置为滚动

示例：

HTML:
父分区：

<div id="fb-comments-container"><!-- comments plugin goes here --></div>

我也有同样的问题。很想知道这个问题的解决方法。从未找到解决方案。已决定根据时间表放弃FB评论。
#fb-comments-container {
max-height: 300px;
overflow: scroll;
}