css - 在智能手机中列出最大高度

Question

我想知道如何给 <div> 一个最大高度或 <ul>元素。

我有这个:

<div id="list1">
    <ul class="list-group">
      <li class="list-gorup-item">item1</li>
      <li class="list-gorup-item">item2</li>
      <li class="list-gorup-item">item3</li>
      <li class="list-gorup-item">item4</li>
      <li class="list-gorup-item">item5</li>
    </ul>
</div>

还有这个 CSS 媒体:

@media (max-width: 480px){
   #list1{
       max-height: 10%;
    }
}

但它不起作用。另外，它必须出现在卷轴上吗？

编辑:

嗨，完成它的工作，使用 overflow: auto;和“px”:

@media (max-width: 480px){
   #list1{
       overflow: auto;
       max-height: 150px !important;
    }
}

Answer 1

您可以使用 overflow: hidden|auto|...
进行操作 也许您想为要缩放的内容设置最大高度？
当列表的高度超过定义的高度时，您希望它如何表现？