記事参照
No.1 2015/12/21 08:51
題：Re: 埋め込みタイムラインの表示について
名：名無しさん
デフォルトの最大幅が大きめっぽいので、
下を参考にパラメータを指定してみてください。
埋め込みタイムラインのパラメーターリファレンス | Twitter Developers
https://dev.twitter.com/ja/web/embedded-timelines/parameters
widthがウィジェットの最大幅のようなので、たとえば480pxを最大にするなら、
data-width="480" を追加して確認してみます。
たとえば下のようなコードの場合
<a class="twitter-timeline" href="https://twitter.com/0000" data-widget-id="000000000000000">@0000さんのツイート</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>
下のように data-width="480" を追加します。
<a class="twitter-timeline" href="https://twitter.com/0000" data-width="480" data-widget-id="000000000000000">@0000さんのツイート</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>
うまくいかない場合はTwitterのウィジェット作成画面から
もう一度新しいコードを取得して貼り付けてから修正して下さい。
他にもCSS3の@media screenでスクリーン幅に応じて変更する方法や、
jQueryなどを使って調整する方法もあるようです。
掲示板に戻る