【问题标题】:Font-Awesome Icon not resizing字体真棒图标不调整大小
【发布时间】:2016-03-21 21:46:30
【问题描述】:

我在 dev 标签中并排放置了 3 个字体很棒的图标。在手机上有点太小了。我把它放在我的代码中,但这个特定的图标不会改变大小?

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

它们的外观如下:

CSS:

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

【问题讨论】:

  • 你试过用 css 设置样式吗?
  • 我确实在 css 中尝试过,也许它的标签在 css 文件中的方式。我什至认为这是容器大小,我也为此更改了大小,但它没有改变。
  • 与容器无关。你能发布你的'css'尝试吗? ' 所以我可以看看你是否做得正确
  • 我在我的问题中添加了一段 css

标签: css twitter-bootstrap icons font-awesome


【解决方案1】:

这在我的浏览器中工作:

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

也许您对 'hover-info' 的引用导致了问题。

注意:你的“css”文件必须在 fontawesome 之后加载。

【讨论】:

  • 我刚刚发现出了什么问题。它也在我不知道的项目中的另一个 css 文件中,它正在覆盖它。不过感谢您的帮助。
  • 很高兴听到这个消息,感谢您的支持。干杯:)
【解决方案2】:

如果您不想定义 css 类,另一种选择是:

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

那么剩下的就是改变字体标签的编号了。
就我而言,这非常有效,我希望你也一样。
问候

【讨论】:

    猜你喜欢
    • 2018-05-07
    • 2023-03-08
    • 2015-08-22
    • 2015-11-06
    • 1970-01-01
    • 2017-07-09
    • 2014-01-16
    • 2020-03-11
    • 1970-01-01
    相关资源
    最近更新 更多