html里3em是多大,HTML - 如何使Glyphicons更大？ （改变尺寸？）

HTML - 如何使Glyphicons更大？ (改变尺寸？)

我想让全球字形更大，以便覆盖页面的大部分(它是矢量图像)。 它不是按钮或任何东西; 它只是一个人。 有没有办法做到这一点？

7个解决方案

326 votes

增加字体大小glyphicon以增加所有图标大小。

.glyphicon {

font-size: 50px;

}

要仅定位一个图标，

.glyphicon.glyphicon-globe {

font-size: 75px;

}

VenomVendor answered 2019-03-08T22:26:02Z

134 votes

Fontawesome有一个完美的解决方案。

我实现了同样的。 只需在您的主.css文件中添加此项

.gi-2x{font-size: 2em;}

.gi-3x{font-size: 3em;}

.gi-4x{font-size: 4em;}

.gi-5x{font-size: 5em;}

在你的例子中，你只需要这样做。

Mr. Crowley answered 2019-03-08T22:26:38Z

61 votes

如果你使用bootstrap和font-awesome那么它很容易，不需要编写一行新代码，只需添加fa-Nx，就像你想要的那样大，看看演示

Ali Adravi answered 2019-03-08T22:27:01Z

12 votes

是的，基本上你也可以使用内联样式：

Terje Solem answered 2019-03-08T22:27:25Z

11 votes

尝试使用标题，不需要额外的CSS

Bagus Cahyono answered 2019-03-08T22:27:51Z

9 votes

对于前..添加类：

btn-lg - LARGE

btn-sm - 小

btn-xs - 非常小

Star

Star

Star

Star

参考链接Bootstrap：Glyphicons Bootstrap

OpenWebWar answered 2019-03-08T22:28:46Z

0 votes

我已经为此使用了bootstrap头类(“h1”，“h2”等)。 这样，您可以在不使用实际标签的情况下获得所有样式优势。 这是一个例子：

Alex Kozlov answered 2019-03-08T22:29:17Z