有没有可能让字体图标比'fa-5x‘更大？
有没有可能让字体图标比'fa-5x‘更大？
提问于 2014-09-08 15:31:02
我使用以下HTML代码：
<div class="col-lg-4">
<div class="panel">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-cogs fa-5x"></i>
</div>
<div class="col-xs-9 text-right">
<div class="huge">
<?=db_query("SELECT COUNT(*) FROM orders WHERE customer = '" . $_SESSION['customer'] . "' AND EntryDate BETWEEN '" . date('d-M-y', strtotime('Monday this week')) . "' AND '" . date('d-M-y', strtotime('Friday this week')) . "'");?>
</div>
<div>orders this week</div>
</div>
</div>
</div>
<a href="view/orders">
<div class="panel-footer">
<span class="pull-left">View Details</span>
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>这将创建：
有没有可能让图标比fa-5x更大？它下面有很多空白处，我想让它占据。
回答 3
Stack Overflow用户
回答已采纳
发布于 2014-09-08 15:59:15
Font icon只是一种字体，所以你可以使用CSS中的字体大小属性来改变图标的大小。
因此，您可以像这样向图标添加一个类：
.big-icon {
font-size: 32px;
}Stack Overflow用户
发布于 2018-08-15 08:49:46
字体很棒使用SVG图标。因此，您可以根据需要调整它的大小。
只需使用CSS类即可，
.large-icon{
font-size:10em;
//or
font-size:200%;
//or
font-size:50px;
}Stack Overflow用户
发布于 2020-08-27 18:25:50
您还可以使用CSS定义缩放变换，如下所示：
.larger-icon {
transform:scale(2);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25719319
复制相关文章
相似问题