响应Facebook的评论框

我一直在研究多种不同方式强制Facebook的评论框插件将流体/响应/液体/不管，我们叩它（只是显示的愚蠢名字），他们都工作得很好。但是，所有这些插件都会使插件从Google Chrome中消失。响应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; 
}

问题：我怎样才能解决这个奇怪的行为？ （为什么发生？）

谢谢你的时间。无论你有没有帮助我，今天有一个美好的日子！ :)

来源

2013-11-22 Álvaro N. Franz

这个工作对我来说：添加到FB-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里面，并给出你想要的宽度。

来源

2014-06-18 00:12:47 gegham

奏效一种享受！ – MJCoder

这肯定会按照Facebook文档中的规定工作： 'data-width'：插件的宽度。像素值或流体宽度的文字100％。评论插件的移动版本忽略宽度参数，而是具有100％的流体宽度。 https://developers.facebook.com/docs/plugins/comments#settings –

这应该是被接受的答案！ – Ja8zyjits

这是Facebook的评论兼职

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

只需添加这个CSS波纹管的div-

<style>.fb_iframe_widget span[style]{width:100% !important;}</style>

来源

2014-03-02 18:09:29 WebDevRon

只需插入数据宽度= “100％” 在div

<div class="fb-comments" data-width="100%"></div>

来源

2017-04-21 17:50:41 Anis

你可以使用数据的移动属性附加伤害

<div class="fb-comments" data-href="http://example.com/comments" data-numposts="5" data-mobile="true"></div>

来源

2017-11-19 13:08:02

响应Facebook的评论框

回答

相关问题