埋め込みTwitterウィジェット高さの問題

Twitterウィジェットを自分のウェブサイトに追加しようとしていますが、ウィジェットの高さに問題があります。時にはそれは動作し、別の時には高さの値を無視し、ページを引き伸ばすので、下部に空きスペースがたくさんある（ウィジェットを7847ピクセルに伸ばします）。私はコード内で高さを追加し、DIVの高さを設定しようとしましたが、それでもやります。これは私がTwitterから使用しているコードです埋め込みTwitterウィジェット高さの問題

<a class="twitter-timeline" data-chrome="nofooter noheader noborders noscrollbar transparent" height='350' data-tweet-limit="5" data-dnt="true" href="https://twitter.com/Talk_AVFC/villa-players" data-widget-id="362602509207994368">Tweets from @Talk_AVFC/villa-players</a> 
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

誰でもこの問題があり、修正を知っていますか？

問題のデモはここhttp://richardawarner.co.uk/astonvillastuff/（Twitterのタブ上）である

出典

2013-08-12 warnerr

は、あなたが今、新しいウィジェットを作成する際のTwitterでの高さと幅を設定する必要はありません指定されたときの高さのパラメータが適用されませんか？その後、私はあなたが高さを変更できないと思った？ – Coop

Twitterの高さを変更しましたが、まだそれを行います。私はあなたが見ることができる元のポストにリンクを含んでいます。 – warnerr

iframeの高さは現時点では設定されていません。私が300のような何かに高さを変更すると、それはうまくいく。あなたはそれにある程度の高さを与える必要があります。 – Coop

ターゲットCSSで.twitter-タイムラインクラスと最大の幅と高さを追加することによって設定することができ

.twitter-timeline { 
    height: 350px !important; 
}

出典

2015-10-16 19:38:27 CodeLyfe

その高さを宣言データは、リンクに属性：

<a class="twitter-timeline" data-width="350" .... >

はオーバーライドし、表示されたウィジェットの高さを設定します。ウィジェットID で保存された値。 200ピクセル以上である必要があります。

注：つぶやき-limitパラメータが

https://dev.twitter.com/web/embedded-timelines/parameters

出典

2016-06-07 03:29:23

これは古い投稿で、遅れて来たと知っていますが、これは本当に答えになるはずです！多くの方法で検索して検索した後、私はもっと簡単な方法でなければならないことを知っていました。 –

埋め込みTwitterウィジェット高さの問題

答えて

関連する問題