你如何重新调整Facebook插件评论(fb评论)的大小与窗口上的角度大小

How do you re-size Facebook plugin comment (fb-comments) with angular on window resize?

本文关键字:评论 窗口 fb 调整 何重新 Facebook 插件      更新时间:2023-09-26

如何在重新调整窗口/浏览器大小时重新调整Facebook插件注释的大小?

当浏览器窗口重新调整大小时,我想让fb注释div重新调整大小,使其与父元素的大小相同。

<div id="socialDiv" class="col-lg-12">
...
  <div class="fb-comments" data-href="{{vote.link}}" data-width="{{socialWidth}}" data-numposts="5"></div>
</div>

在控制器内部,您需要设置到$window"resize"的绑定。然后创建一个函数,选择fbcomments iframe span元素并重新调整其大小

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