Html 如何使用CSS更改图标属性大小?

Html 如何使用CSS更改图标属性大小?,html,css,icons,size,Html,Css,Icons,Size,我试图使一个图标更大的CSS属性,我该怎么做呢?我试过高度和字体大小属性,但都不起作用。代码如下: <i class= "icon2 fa fa-twitter-square"> </i> .icon2 { margin:2px 3px 10px 3px; } 看起来您使用的是令人敬畏的字体,实际上字体大小属性应该可以工作。无论如何,这是另一种解释。浏览到较大的图标标题,它显示: 要增加相对于其容器的图标大小,请使用fa lg 33% 增加、fa-2x、fa-3x、f

我试图使一个图标更大的CSS属性,我该怎么做呢?我试过高度和字体大小属性,但都不起作用。代码如下:

<i class=
"icon2 fa fa-twitter-square">
</i>

.icon2 {
margin:2px 3px 10px 3px;
}

看起来您使用的是令人敬畏的字体,实际上字体大小属性应该可以工作。无论如何,这是另一种解释。浏览到较大的图标标题,它显示:

要增加相对于其容器的图标大小,请使用fa lg 33% 增加、fa-2x、fa-3x、fa-4x或fa-5x等级

文件中的示例:

<i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
<i class="fa fa-camera-retro fa-3x"></i> fa-3x
<i class="fa fa-camera-retro fa-4x"></i> fa-4x
<i class="fa fa-camera-retro fa-5x"></i> fa-5x

这回答了你的问题吗?