facebookのコメントボックスの幅を100％にする方法は？

Question

iは

<script type="text/javascript"> 
(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=397337283630353"; 
fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk')); 
</script> 


<div class="fb-comments" data-href="https://apps.facebook.com/driftee/" data-num-posts="5" data-width="470" data-colorscheme="dark" style="width: 100% !important;"></div> 

、私のページにFacebookのコメントボックスを置くためにこのコードを使用していますが、私はコメントボックスは、ページの100％を埋めることはできません。

Answer 1

よく私はそれを解決するために管理したと思います 私はコメントボックスを分析し、 fb-comments divにはデフォルトで470pxの幅のスパンが含まれています。このスパンの内側に同じ幅のiframeがありますので、解決策はjqueryを使用してウィンドウのサイズとiframeの幅を変更することです。

$(window).resize(function(){$('.fb-comments iframe,.fb-comments span:first-child').css({'width':$('#commentboxcontainer').width()});}); 

今すぐウィンドウ上にサイズを変更すると、コメントボックス全体がコンテナの幅をとっています（他の方法では100％幅です）。

Answer 2

あなたのようにあなたのHTMLページのスタイルシートにCSSクラスを追加することによってこれを行うことができます：あなたはこのページ上に作成したコードを取得するときに、あなたが取得しているとして、パラメータdata-width="{pixels}"を追加してみてください

.fb-comments, .fb-comments span, .fb-comments iframe { width: 100% !important; }