gpt4 book ai didi

Font-Awesome 堆栈无法正常工作?

转载 作者:行者123 更新时间:2023-12-04 02:35:49 26 4
gpt4 key购买 nike

Font Awesome 的奇怪问题。我试图在我的社交媒体图标周围做一个更大的圈子。

如果我将第一个堆叠图标更改为大于 2x 的大小,它会恢复为 1x 大小。

此代码有效:

  <span class="fa-stack fa-lg">
<i class="fa fa-circle-thin fa-stack-2x"></i>
<i class="fa fa-facebook fa-stack-1x"></i>
</span>

这段代码没有:
  <span class="fa-stack fa-lg">
<i class="fa fa-circle-thin fa-stack-3x"></i>
<i class="fa fa-facebook fa-stack-1x"></i>
</span>

如果我使用 3x 或 4x 等,较低的图像会被设置回正常尺寸。这是一个错误,还是我在这里做错了什么?

使用 Font Awesome v 4.1.0。

编辑 - 因为这个笔记不断获得观点/评论。我的问题是 font-awesome 只有 1x 和 2x 的比例,我想要一个更大的背景图像和一个更小的图标(更像是 4x)。

最佳答案

这也让我很困惑,直到我重新阅读 the instructions几次:

“您甚至可以在父级 上抛出更大的图标类 以进一步控制大小。”

所以你不用理会图标,只需将 .fa-lg 换成 .fa-2x 在父级 并且子图标按比例增长。

<span class="fa-stack fa-2x">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
</span>

关于Font-Awesome 堆栈无法正常工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23700230/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com