Wie machen die facebook Kommentar-box Breite 100%?
ich bin mit diesem code, um eine facebook Kommentar box auf meiner Seite,
<script type="text/javascript">
(function(d, s, id)
{
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=397337283630353";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-comments" data-href="https://apps.facebook.com/driftee/" data-num-posts="5" data-width="470" data-colorscheme="dark" style="width: 100% !important;"></div>
aber ich kann den Kommentar-box, Füllung 100% von der Seite.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Können Sie tun dies durch hinzufügen einer CSS-Klasse im Stylesheet der HTML Seite als:
<iframe>
Facebook Kommentar-box.zeeshan Ihre Lösung scheint überholt und es sieht aus wie facebook aktualisiert Ihre plugin und das brach den Stil.
Wohl dies funktioniert besser für mich als jetzt, und ich glaube, dass dieser Stil wieder brach beim facebook-update die Möglichkeit, Ihre plugins arbeiten.
Ich Sie ermutigen, weitere Faktoren, die zur Beurteilung der neueren Lösung auf diese Frage, wenn die Zeit kommt.
naja, ich glaube, ich habe geschafft, es zu lösen,
ich Analysierte die Kommentar-box und sah, dass die fb-Kommentare der div ist mit einer Spannweite mit der Breite von 470px standardmäßig, und innerhalb dieser Spanne fand ich einen iframe, der die gleiche Breite, so dass die Lösung die änderung der span-und iframe-Breite des Fensters in der Größe ändern mit jquery so:
so, jetzt Fenster auf die Größe des gesamten Kommentar-box ist unter Breite des Containers (von anderen bedeutet, es ist 100% Breite).
Ich versuche die anderen Lösungen, und keiner funktioniert bei mir.
Lesen der fb-Dokumentation fand ich, dass die Breite 100% ist bereits unterstützten hinzufügen das attribut data-width="100%" der tag:
<div class="fb-comments" data-width="100%" data-href="http://www.mintybolivia.com/" data-numposts="10" data-colorscheme="light"></div>
Funktioniert es jetzt und laut es in der Dokumentation de mobile Geräte, die diese Einstellung wird automatisch gesetzt.
Versuchen Sie, die parameter
data-width="{pixels}"
, wie Sie immer sind, wenn Sie den erzeugten code auf dieser Seite, https://developers.facebook.com/docs/reference/plugins/comments/ – das ist, wenn Sie wissen, die Breite der Seite in Pixel. Ich weiß nicht, ob es funktioniert mit Prozentzahlen, wie gut, aber irgendwie bezweifle es.Dann Ihre Letzte option wäre die Einrichtung resp. ändern Sie die parameter dynamisch nachdem Ihre Webseite geladen hat, und Lesen Sie die aktuelle Breite in Pixeln, und haben XFBML nur analysiert, danach (Einstellung xfbml-Parameter auf false, wenn beim laden der Skript, und ruft FB.XFBML.analysieren nach der Einstellung des data-width-parameter). Natürlich, dass immer noch nicht hilft, wenn die Breite bekommen, die später modifiziert, indem der user die Größe des browser-Fenster oder anderes ...
Dieser arbeitete für mich
Mit jQuery können Sie über-schreiben, die hart codierte Breite, bevor es lädt die Facebook Kommentar-box.
p.s. Sie können ersetzen 'body' mit jedem anderen element, das Sie möchten, dass der Kommentar-box zu entsprechen.
Dies ist eine ziemlich einfache
Auf Ihrem code
Hinzufügen das folgende Stück code data-width="100%"
JS: