原因

transform属性运用在 iconfont 图标是无效的。查看transform属性手册得知,transfrom适用于:所有块级元素以及某些内联元素。

解决方案

既然 transform 不适用于某些内联元素,那咱们就把这些元素变成 inline-block 或 block 就行了。

1
2
3
4
5
6
.icon-weixin,.icon-bilibili-fill{
display: inline-block;
/*
* 我将两个图标设置为 inline-block,这样是块级元素又是内联元素,不用换行
*/
}