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

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;和＆＃34; px＆＃34; ：

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

Answer 1

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