0

ウェブサイトに載せるTwitterフィードを作成しました。ここでフィードを見ることができます：anibalcascais.com/tweet/twitter.html

フィードをレスポンシブにしようとしています。これまでのところ、周囲の div はレスポンシブです。問題は、ブラウザー ウィンドウが ipad/iphone のサイズにサイズ変更されたときに、li要素のサイズが変更されず、いくつかのツイートが短くカットされることです。

1 行または 2 行のツイートに対応するようにuland を展開するにはどうすればよいですか?li

ありがとうございました

4

1 に答える 1

0

高さに関しては次のとおりです。

.tweet_list {
    height: 28px;
}

ul の高さを明示的に設定して最初の li のみを表示する代わりに、次のようにします。

.tweetlist>li {display: none;}
.tweetlist>li:first-child {
   display: block;
 }

そうすれば、ul を現在のリストの最初のサイズに自動サイズ調整できます。これにより、1 行サイズと 2 行サイズの両方の tweet-li で機能します

于 2012-08-17T18:43:57.277 に答える