Ich möchte die eingebettete Timeline von twitter einrichten, es ist ziemlich einfach, wenn Sie einen Fix haben Design, aber das ist nicht mein Fall und ich baue tatsächlich ein flüssiges und responsives Design für eine neue Website.
Meine Frage ist, wie kann ich twitter's embedded timeline mit einer flüssigen Breite einrichten, da es ein iframe ist und Solltest du das mit in px in deinem Twitter-Account einrichten?
Danke:)
Das scheint bei mir zu funktionieren:
%Vor%Dabei ist # twitter-widget-0 der von ihm erzeugte Iframe, der in einem entsprechend gestalteten Container abgelegt wird. Es ist nicht perfekt: Das Widget erzeugt seinen Inhalt abhängig von der Breite etwas anders, und die Ränder usw. sind nach der Größenänderung nicht genau gleich; aber das scheint unbedeutend.
Ich bin neugierig, warum einfaches CSS nicht für Sie funktioniert hat - tut mir leid, wenn ich etwas verpasse.
Diese Logik funktioniert, um mindestens die Breite und Höhe zu ändern:
%Vor%Das einzige Problem mit der Verkürzung der Höhe ist, dass es das Textfeld für Leute verbirgt, Tweets zu senden, aber es verkürzt die Höhe. Ich vermute, dass Sie, wenn Sie ein anderes CSS-Styling hinzufügen möchten, einfach die! Ich nehme auch an, dass Sie, wenn Sie drei Widgets haben, # twitter-widget-2, usw. definieren würden.
Dies war ein hilfreicher Thread, danke. Ich arbeite an einer Website, die ein älteres Twitter-Profil-Widget verwendet, das ich leichter anpassen kann. So eine alternative Methode, verwendet dies, um den Feed anzuzeigen (angepasst an):
%Vor%Überschreiben Sie dann die Breite, indem Sie sie Ihrem Stylesheet hinzufügen:
%Vor%}
Sie können die verschiedenen zu ändernden Klassen sehen, indem Sie IE9 im Kompatibilitätsmodus verwenden und anschließend die F12-Entwicklertools verwenden, um das HTML / CSS zu sehen.
Ich hoffe, dass es jemandem hilft!
Sie können Ihrem iframe eine Klasse zuweisen und versuchen, CSS darauf anzuwenden. Zumindest um die Breite in% zu ändern.
Dies ist nicht möglich. Sie können eine exakte Breite und Höhe mit der HTML-Breite und -Höhe in der Anker-Registerkarte festlegen. Sonst hast du kein Glück. Keine reaktionsfähigen oder flüssigen Fähigkeiten.
Es hat auch eine minimale Breite von 220px und eine maximale Breite von 520px.
%Vor%Der Attributswähler sollte funktionieren:
%Vor%Weitere hier .
Tags und Links iframe twitter responsive-design fluid-layout timeline