6

これが他のスレッドで尋ねられたことは知っていますが、それらの回答は私の場合には合いませんでした。ここからツイッターのフォローボタンを埋め込む場合：

https://twitter.com/about/resources/buttons

<a href="https://twitter.com/share" class="twitter-share-button">Tweet</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>

JS はリンクを iframe に置き換えます。

<iframe scrolling="no" frameborder="0" allowtransparency="true" src="http://platform.twitter.com/widgets/tweet_button.1360366574.html#_=1360791644346&amp;count=horizontal&amp;id=twitter-widget-0&amp;lang=en&amp;original_referer=http%3A%2F%2Fwww.foo.com%2Fsearch%2Fcats&amp;size=m&amp;text=Search%20Results%20for%20%22cats%22%20on%20Foo&amp;url=http%3A%2F%2Fwww.foo.com%2Fsearch%2Fcats" class="twitter-share-button twitter-count-horizontal" style="width: 109px; height: 20px;" title="Twitter Tweet Button" data-twttr-rendered="true"></iframe>

ご覧のとおり、幅はインライン スタイルとして設定されています。私はこれを次のようなもので上書きできることを知っています:

.twitter-share-button { width: 80px !important; }

たとえば、特定のコンテンツページで共有数が非常に多くなった場合はどうでしょうか。その場合、共有数は最小幅によって隠されます。

必要な最小幅よりも大きくならないように、内部の共有数に応じて返される iframe のサイズを調整するように Twitter に指示する方法はありますか?

Facebook はデータ属性を介して目的の幅を受け入れることを知っています。data-widthこれを auto に設定して、上記で求めているタイプの動作を取得できます。ツイッターは共有ボタンに似たものを提供していますか?

フィドル

4

2 に答える 2

1

の代わりにwidth、次のように設定しmin-widthます。

.twitter-share-button { min-width: 80px !important; width: auto !important;}
于 2013-02-13T21:49:56.340 に答える
1

これは既知の問題 (この Dev Twitter スレッドを参照) のようで、現時点でほぼ 2 年間効果的な解決策を待っていました。現時点では、ボタンの幅を実際のコンテンツと一致させる明確な方法はないようです。
いくつかのカスタム JavaScript をいじることができますが、IFrame を操作しようとすると、最終的に IFrame/CORS の壁にぶつかります。

于 2014-08-19T09:36:10.537 に答える