CSS масштабируемое меню с последним пунктом внизу - PullRequest
Новая
       52

CSS масштабируемое меню с последним пунктом внизу

0 голосов
/ 31 мая 2018

У меня есть список меню, который имеет большее расстояние между последним элементом и элементом перед последним.Что я хочу сделать, так это то, что при масштабировании высоты родительского элемента 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 масштабируемое меню

...