响应式设计：如何垂直扩展列表项（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的