HTML - /CSS-Code für Twitter-widget width

Den code Twitter gibt Sie fügen Sie ihn in den html sieht wie folgt aus:

<a class="twitter-timeline" href="https://twitter.com/username" data-widget-id="248169276782018560">Tweets by @username</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Sie können Sie in einer Höhe, die ich um 600. Bei der Platzierung auf meiner Website bekomme ich diese (wenn die Anzeige der Quelle):

<iframe id="twitter-widget-6" classname="twitter-timeline twitter-timeline-rendered" scrolling="no" frameborder="0" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; " width="220" height="600"></iframe>

220 Breite ist das, was ist, mich zu töten. Ich möchte die Breite auf die volle Breite des Containers ein, die ist 100% für eine mobile Website). Die derzeit 220 Breite geht ein wenig mehr als halb über die Seite und zeigt eine hässliche scrollbar.

Also, warum ist es die Einstellung der Breite auf 220, und wie kann ich es ausbauen, um es den Eltern Breite?

InformationsquelleAutor tariq | 2012-09-21
Schreibe einen Kommentar