html – Font Awesome图标大小不增加

发布时间：2020-12-14 23:45:32 所属栏目：资源来源：网络整理

导读：我在 this网站上安装了Font Awesome图标.即使添加类以增加大小,图标大小也不会增加. ul class="stay-connected-inner list-inline" lia href="#"i class="fa fa-twitter fa-3" aria-hidden="true"/i/a/li lia href="#"i class="fa fa-linkedin fa-3" aria-hi

我在 this网站上安装了Font Awesome图标.即使添加类以增加大小,图标大小也不会增加.

<ul class="stay-connected-inner list-inline">
  <li><a href="#"><i class="fa fa-twitter fa-3" aria-hidden="true"></i></a></li>
  <li><a href="#"><i class="fa fa-linkedin fa-3" aria-hidden="true"></i></a></li>
  <li><a href="#"><i class="fa fa-medium fa-3" aria-hidden="true"></i></a></li>
  <li><a href="#"><i class="fa fa-linkedin fa-3" aria-hidden="true"></i></a></li>
</ul>

解决方法

要增加相对于容器的图标大小,请使用fa-lg(增加33％),fa-2x,fa-3x,fa-4x或fa-5x类.

<ul class="stay-connected-inner list-inline">
              <li><a href="#"><i class="fa fa-twitter fa-3x" aria-hidden="true"></i></a></li>
              <li><a href="#"><i class="fa fa-linkedin fa-3x" aria-hidden="true"></i></a></li>
              <li><a href="#"><i class="fa fa-medium fa-3x" aria-hidden="true"></i></a></li>
              <li><a href="#"><i class="fa fa-linkedin fa-3x" aria-hidden="true"></i></a></li>
            </ul>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!