jQuery列出了占据父垂直方向整个高度的元素

我有四个图标以100%的高度和固定的宽度垂直显示在ul中。 我希望图标适合根据ul的实际大小

<div>  
    <ul id="user-actions">
       <li><i class="icon1"></i></li>
       <li><i class="icon2"></i></li>
       <li><i class="icon3"></i></li>
       <li><i class="icon4"></i></li>
    </ul>
  </div>

例

---

因此，我尝试为li添加一些以%为单位的边距上限，但如果div大小发生变化，li将保持不变。

将此样式用于li标记

li{
    height: 25% !important;
}

---

这有帮助吗？

我想是的！我不明白为什么它是用高度而不是边距来工作的？（无论如何，谢谢你）