Der Code, den Sie in das HTML einfügen, sieht so aus:
%Vor%Sie erlauben Ihnen, eine Höhe einzustellen, die ich auf 600 setze. Wenn sie auf meiner Seite platziert wird, bekomme ich diese (beim Betrachten der Quelle):
%Vor%Die 220er Breite bringt mich um. Ich möchte die Breite die volle Breite des Containers sein, die 100% ist (für eine mobile Website). Zur Zeit reicht die Breite 220 etwas mehr als die Hälfte der Seite und zeigt eine hässliche Bildlaufleiste.
Also, warum setzt es die Breite auf 220, und wie kann ich es auf seine Elternbreite erweitern?
Mit Twitter können Sie die Breite und Höhe des Zeitleisten-Widgets über HTML-Attribute für Breite und Höhe anpassen. Die Mindestbreite, die sie akzeptieren, ist jedoch 220 pixels
BEISPIEL: width="220"
, height="350"
VON Twitters-Entwickler-Seite : Die minimale Breite einer Timeline ist 220px und das Maximum ist 520px. Die minimale Höhe ist 350px .
Das obige funktioniert, ich nehme an, die Zahlen entsprechen der Anzahl der von Ihnen erstellten Widgets. Ist die Breite das einzige, was wir ändern können, was ist mit den Schriften, ich kann das nicht ändern? Das Twitter-Widget ist so hässlich, dass es schwierig ist, es in jedem Layout zu platzieren.
Ich brauchte die Klasse twitter-timeline-rendered anstelle der ID # twitter-widget-0. Auf diese Weise wird das Widget nach dem Rendern angepasst.
%Vor%Ich habe alle obigen Antworten versucht, aber kein Glück,
Also unten Code selbst implementiert und arbeitete für mich
%Vor%Hier ist, wie ich es gemacht habe und fast die gleiche Logik verwendet habe wie Chandrakant , um den Stil in den iframe einzufügen .
Vor allem: fügen Sie twitter widget den richtigen Weg
%Vor%Jetzt haben Sie ein schönes window.twttr._e Array, das alles enthalten kann, was nach dem Laden von twitter widget.js ausgeführt wird.
Beachten Sie, dass ich js.async = true;
hinzugefügt habeNun können Sie im selben Skript oder danach tun:
%Vor%Beachten Sie, dass ich den jquery-Weg verwendet habe, um den Stil am Ende des Iframe-Kopf-Inhalts anzuhängen. Sie können es auf die klassische Weise tun, aber es ist länger.
%Vor%Mit dem letzten Update (oder vermasselt) hat twitter alle Feed-Widgets gezwungen, Bilder beim Laden automatisch anzuzeigen, egal welche Optionen in den Twitter-Einstellungen eingestellt sind.
Jetzt verwende ich einen eigenen Widget-Feed innerhalb einer HTML-basierten Site und möchte die Bilder vom Laden abhalten. Es macht mir nichts aus, von vorne anfangen zu müssen, aber irgendjemand könnte mir raten, wo ich einen anpassbaren HTML- und js-basierten Twitter-Feed finden könnte, der keine Bilder enthält.