javascript - 如何使 facebook 评论框宽度为 100%？

Question

我正在使用这段代码在我的页面上放置一个 facebook 评论框，

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

但我无法让评论框填满页面的 100%。

Answer 1

您可以通过在 HTML 页面的样式表中添加 CSS 类来做到这一点:

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