字体图标无法调整大小

Question

4

我在dev标签中放置了3个font-awesome图标并排。在移动设备上它们有点太小了。我在代码中添加了以下内容，但这个特定的图标大小没有改变？

<i class="fa fa-heart fa-2x"></i>

以下是它们的外观：

CSS:

hover-info .fa .fa-heart {
    font-size: 2em;
}

- Taylor Gagne

你尝试使用CSS样式表来设置它的样式了吗？ - Franco

我尝试在CSS中进行了尝试，也许是因为它在CSS文件中的标签方式不同。我甚至认为这可能是容器大小的问题，所以我也更改了其大小，但是它并没有改变。 - Taylor Gagne

与容器无关。您能否发布您的“css”尝试？这样我就可以看到您是否已经正确地完成了它。 - Franco

我在我的问题中添加了一段CSS代码。 - Taylor Gagne

2个回答

1

如果您不想定义CSS类，另一种选择是这样的：

<font size="8"> <i class="fa fa-facebook"></i> </font>

接下来只需要更改字体标签的编号即可。
在我的情况下，这个方法非常有效，希望在你的情况下也是如此。
祝好

- Ale DC

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Franco · Accepted Answer

这在我的浏览器中运行正常：

.fa-heart {
  font-size: 4em;
}

也许你提到的 'hover-info' 导致了问题。

注意：你的 'css' 文件必须在 fontawesome 之后加载。