调整屏幕大小时，字体真棒图标会调整大小

Question

我正在尝试制作一个页脚，其中包括Font Awesome的社交媒体图标。当我调整桌面大小（适用于平板电脑或移动屏幕）时，图标开始变小，这是我所不希望的。

有人可以帮助我解决这个问题吗？这将不胜感激。

 [1]: https://codepen.io/Emen/pen/zyJeZK

Answer 1

提供以px ..为单位的字体大小，这将解决您的问题。

Answer 2

您可以使用媒体查询

@media(max-width: 768px) {
    .your-icon-class {

    }
}

watch here

Answer 3

这是正常现象，因为字体图标绑定到i标记，这受CSS字体大小影响。

要做的是，当您为移动设备进行字体调整时，还可以调整图标的字体大小，很可能是通过定位i标签。