響應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的評論框

回答

相關問題