4

在 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>

在内容区域内：

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

在此处输入图像描述

4

2 回答 2

1

我用来解决这个问题的解决方案是将 facebook 评论 div 放在父 div 内，设置父 div 的最大高度并溢出以滚动。

例子：

HTML：父 div：

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

CSS：

#fb-comments-container {
max-height: 300px;
overflow: scroll;
}
于 2013-07-18T13:52:01.897 回答
-1

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

您可以通过添加JQuery 插件然后执行类似的操作来做到这一点$('.fb:comments').css('height', 'YourValuepx');

无论如何，我不知道这种类型的插件是否可以在手机中使用。还有一个移动版的 JQuery 插件，但我没有任何经验：JQuery mobile

于 2013-06-13T09:52:21.980 回答