设置图标尺寸

#相对尺寸

图标继承其父容器的字体大小，这允许它们匹配您可能使用的任何文本。 使用以下类，我们可以相对于继承的字体大小增加或减少图标的大小。

<i  class="fas fa-camera fa-xs"></i><i  class="fas fa-camera fa-sm"></i><i  class="fas fa-camera fa-lg"></i><i  class="fas fa-camera fa-2x"></i><i  class="fas fa-camera fa-3x"></i><i  class="fas fa-camera fa-5x"></i><i  class="fas fa-camera fa-7x"></i><i  class="fas fa-camera fa-10x"></i>

这里有几个例子，您可以在其中看到相对比例。下面的都相对于这个0.5rem之后的大小。

<div style="font-size: 0.5rem" >  <i class="fas fa-camera fa-xs"></i>  <i class="fas fa-camera fa-sm"></i>  <i class="fas fa-camera fa-lg"></i>  <i class="fas fa-camera fa-2x"></i>  <i class="fas fa-camera fa-3x"></i>  <i class="fas fa-camera fa-5x"></i>  <i class="fas fa-camera fa-7x"></i>  <i class="fas fa-camera fa-10x"></i></div>

下面这个相对于font-size:24px之后的大小

<div style="font-size: 24px;">  <i class="fas fa-camera fa-xs"></i>  <i class="fas fa-camera fa-sm"></i>  <i class="fas fa-camera fa-lg"></i>  <i class="fas fa-camera fa-2x"></i>  <i class="fas fa-camera fa-3x"></i>  <i class="fas fa-camera fa-5x"></i>  <i class="fas fa-camera fa-7x"></i>  <i class="fas fa-camera fa-10x"></i></div>