Responsive Facebook Kommentarfeld

Question

Ich habe die Dummheit einige verschiedene Möglichkeiten der Erforschung zu zwingen, ein facebook Kommentarfeld Plug-in-Flüssigkeit/ansprechbar/Flüssig/was auch immer-wir-Call-it (nur zu zeigen, Namen), und alle von ihnen funktionieren gut. Aber auch, alle von ihnen lassen das Plug-in verschwinden beim Zugriff von Google Chrome.

Ich verwende diese:

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

, die die gleichen Ergebnisse (scheinbar) wie hat:

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

Frage: Wie kann ich dieses seltsame Verhalten beheben? (Warum passiert das?)

Vielen Dank für Ihre Zeit. Ob Sie mir helfen oder nicht, haben Sie heute einen schönen Tag! :)

Answer 1

das für mich div- hinzufügen gearbeitet: In den fb-Kommentare div Datenbreite = "100%"

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

und reagiert darauf, wenn Sie die Größe des Browsers ändern.

Sie können die fb-Kommentare div in ein anderes div und geben Sie das div die Breite, die Sie wollen.

Answer 2

Dies ist facebook Kommentar Teil

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

einfach dieses CSS brüllen die

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

Answer 3

Nur Insert data-width = "100%" in den div

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

Answer 4

Sie Daten-mobile atribute

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