facebook評論框格式高度：590px

在iPad上，facebook評論框會自動設置590px的高度。初始視圖只是登錄按鈕，因此它太大了。我無法在css中設置高度，因爲一旦他們登錄，內容區域就會太小，並且fb在這些條件下不會設置任何可以綁定到的類。facebook評論框格式高度：590px

在我：

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

enter image description here

來源

2013-05-07 drrobotnik

我有同樣的問題。有興趣知道這個問題的解決方法。 – norixxx 2013-06-11 13:08:47

從未找到解決方案。根據計劃解決報廢FB評論。 – drrobotnik 2013-06-18 00:37:48

-1

我想你可以使用jQuery來解決這個問題。檢查用戶是否連接。如果他是，然後將高度設置爲590px，否則將其設置爲任何你想要的。

你可以通過添加JQuery plugin然後做這樣$('.fb:comments').css('height', 'YourValuepx');

東西無論如何，我不知道，如果這類型的插件可以在移動中使用。還有一個移動版本的JQuery插件，但我沒有任何經驗：JQuery mobile

來源

2013-06-13 09:52:21 DaftDev

我用這個解決方案是將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-18 13:52:01

facebook評論框格式高度：590px

回答

相關問題