Ich verwende diesen Code, um meiner Seite ein Facebook-Kommentarfeld hinzuzufügen,
%Vor%aber ich kann nicht das Kommentarfeld füllen 100% der Seite.
Nun, ich denke, ich habe es geschafft, es zu lösen, Ich analysierte das Kommentarfeld und sah, dass das fb-comments-div standardmäßig einen Bereich mit der Breite von 470px enthält, und innerhalb dieses Bereichs fand ich einen iframe mit der gleichen Breite, also die Lösung besteht darin, die Breite des Bereichs und iframes zu ändern Fenstergröße mit jQuery wie folgt ändern:
%Vor%so jetzt im Fenster Größe ändern die gesamte Kommentar-Box nimmt die Container-Breite (auf andere Weise ist es 100% Breite).
Sie können dies tun, indem Sie die CSS-Klasse im Stylesheet Ihrer HTML-Seite wie folgt hinzufügen:
%Vor%zeeshan Ihre Lösung scheint veraltet und es sieht so aus, als ob Facebook ihr Plugin aktualisiert hat und das den Stil gebrochen hat.
Wahrscheinlich funktioniert das jetzt besser für mich und ich glaube, dass dieser Stil wieder gebrochen sein wird, wenn Facebook die Art aktualisiert, wie ihre Plugins funktionieren.
%Vor%Ich ermutige andere Mitwirkende, die neuere Lösung zu dieser Frage hinzuzufügen, wenn die Zeit kommt.
Ich versuche die anderen Lösungen und keine funktioniert für mich.
Beim Lesen der fb-Dokumentation habe ich festgestellt, dass die Breite 100% bereits unterstützt wird, indem dem Tag das Attribut daten-width="100%" hinzugefügt wird:
<div class="fb-comments" data-width="100%" data-href="http://www.mintybolivia.com/" data-numposts="10" data-colorscheme="light"></div>
Es funktioniert gerade und gemäß seiner Dokumentation auf mobilen Geräten wird diese Einstellung automatisch eingestellt.
Fügen Sie den Parameter data-width="{pixels}" hinzu, wie Sie bekommen, wenn Sie den auf dieser Seite erstellten Code erhalten, Ссылка - das heißt, wenn Sie die Breite der Seite in Pixeln kennen. Ich weiß nicht, ob es auch mit Prozentsätzen funktioniert, aber bezweifle es irgendwie.
Dann könnte deine letzte Option sein, Ändern Sie diesen Parameter dynamisch, sobald Ihre Seite geladen ist, und Sie können die tatsächliche Breite in Pixeln auslesen und XFBML nur danach analysieren lassen (beim Laden des Skripts wird xfbml param auf false gesetzt und FB.XFBML.parse nach dem Festlegen des Datenbreite-Parameters. Das hilft Ihnen natürlich auch nicht weiter, wenn die Breite später vom Benutzer geändert wird, indem Sie die Größe des Browserfensters verändern oder sonst ...
Mit jQuery können Sie die fest codierte Breite überschreiben, bevor das Facebook-Kommentarfeld geladen wird.
%Vor%p.s. Sie können "body" durch jedes andere Element ersetzen, das das Kommentarfeld enthalten soll.
Tags und Links javascript html css facebook