我正在拼命地让我的放大镜字体把它渲染得更大。下面的代码在 Firefox 中运行良好,但在 Chrome 或 IE9 中运行良好。
我错过了什么?
.icon-larger
{
font-size:50px;
}
<div class="search-icon"><i class="icon-search icon-larger"></i></div>
谢谢!
我正在拼命地让我的放大镜字体把它渲染得更大。下面的代码在 Firefox 中运行良好,但在 Chrome 或 IE9 中运行良好。
我错过了什么?
.icon-larger
{
font-size:50px;
}
<div class="search-icon"><i class="icon-search icon-larger"></i></div>
谢谢!
查看此页面并查看缩放图标大小的示例。
您最多可以将其放大 5 倍。
例子:
<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
老问题,但我有同样的问题,似乎我忘了包括 Font Awesome css 例如:<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
您仍然会看到该图标,但如果缺少该图标,它将不会缩放。
添加display:block
或display:inline-block