jquery - 响应式设计 : How to expand vertically list item (twitter ticker)?

Question

我已经创建了一个 Twitter 提要放在网站上。您可以在此处查看提要:anibalcascais.com/tweet/twitter.html

我正在尝试使提要响应。到目前为止，周围的 div 是响应式的。问题是当浏览器窗口调整为 ipad/iphone 大小时，li 元素不会调整大小并且一些推文会被缩短。

如何使 ul 和 li 展开以容纳一行或两行推文？

谢谢

Answer 1

关于高度，你有以下几点:

.tweet_list {
    height: 28px;
}

我没有明确设置 ul 的高度以便它只显示第一个 li，而是尝试类似的操作:

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

这样你就可以让 ul 自动调整到当前列表中第一个的大小，这将使其适用于 1 行和 2 行大小的 tweet-li