У меня есть список меню, который имеет большее расстояние между последним элементом и элементом перед последним.Что я хочу сделать, так это то, что при масштабировании высоты родительского элемента div расстояние должно исчезать, но я также хочу уменьшить значки, когда расстояние равно 0 (всегда должно быть поле сверху между элементами), но сейчас язастрял при масштабировании, где последний элемент перекрывает элементы ранее.
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-
awesome/4.4.0/css/font-awesome.min.css">
<div class="scale">
<ul>
<li>
<i class="fa fa-search"></i>
</li>
<li>
<i class="fa fa-at"></i>
</li>
<li>
<i class="fa fa-ban"></i>
</li>
<li>
<i class="fa fa-cog"></i>
</li>
</ul>
</div>
Это то, что я получил в качестве кодового ручки: css масштабируемое меню