响应的Facebook评论框

Question

我一直在研究几种不同的方法来强制Facebook评论框插件流畅/响应/液体/无论我们呼叫它(只是显示名称的愚蠢),并且所有这些都很好.但是,当从谷歌浏览器访问时,所有这些都使插件消失.

我正在使用这个:

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

其结果(显然)与:

#fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span{
width: 100% !important;
 }

问题:如何解决这种奇怪的行为？(为什么会这样？)

谢谢你的时间.无论你有没有帮助我,今天过得愉快!:)

Answer 1

这对我有用:添加到fb-comments div data-width ="100%"

<div class="fb-comments" data-href="http://example.com/comments" data-width="100%" data-numposts="5" data-colorscheme="light"></div>

当你调整浏览器大小时它会响应.

你可以将fb-comments div放在另一个div中,然后给你想要的宽度.