響應式設計：如何垂直擴展列表項（twitter ticker）？

Question

我創建了一個推送飼料放在網站上。你可以看到這裏的飼料：anibalcascais.com/tweet/twitter.html

我試圖讓飼料響應。到目前爲止，周圍的div是響應式的。 問題是，當瀏覽器窗口調整爲ipad/iphone尺寸時，li元素沒有調整大小，並且一些推文被縮短。

我該如何讓ul和li擴展爲acomodate一行或兩行推文？

謝謝

Answer 1

您有以下高度有關：

.tweet_list { 
    height: 28px; 
} 

，而不是明確地設定UL的高度，所以它僅顯示第一個禮，我想嘗試類似：

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

這樣你可以讓ul自動調整到當前列表中的第一個大小，這將使它適用於1和2行大小的tweet-li的