jquery - 响应式设计：如何垂直扩展列表项（推特代码）？

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