Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何通过调整窗口大小来调整Facebook插件评论(fb评论)的大小?_Javascript_Css_Angularjs_Facebook_Twitter Bootstrap 3 - Fatal编程技术网

Javascript 如何通过调整窗口大小来调整Facebook插件评论(fb评论)的大小?

Javascript 如何通过调整窗口大小来调整Facebook插件评论(fb评论)的大小?,javascript,css,angularjs,facebook,twitter-bootstrap-3,Javascript,Css,Angularjs,Facebook,Twitter Bootstrap 3,如何重新调整Facebook插件对窗口/浏览器重新调整大小的评论 我希望在浏览器窗口重新调整大小时,将fb comment div重新调整为与父元素相同的大小 <div id="socialDiv" class="col-lg-12"> ... <div class="fb-comments" data-href="{{vote.link}}" data-width="{{socialWidth}}" data-numposts="5"></div> &l

如何重新调整Facebook插件对窗口/浏览器重新调整大小的评论

我希望在浏览器窗口重新调整大小时,将fb comment 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”的绑定。然后创建一个函数,选择fb comments iframe span元素并重新调整其大小

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