在翱翔时抽搐的字体图标

Question

我在Chrome创建的主题中遇到了一个问题，当我将鼠标悬停在图片上时，页面上的字体图标就会四处移动。我四处寻找解决方案，但我找不到任何人提到这个问题。查看demo here并将鼠标悬停在第二篇博客帖子中的图片上。

这是悬停事件的css规则：

.entry-image a:hover img {
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -ms-transform: scale(1.06);
  -o-transform: scale(1.06);
  transform: scale(1.06);
}

提前致谢， Ivar Rafn

Answer 1

我猜你有ems或rems的边距或位置设置。当em或rem大小解析为带小数点的像素值（例如，17.100295px）时，在Webkit和Blink中的附近元素上盘旋可能会引起一些小抽搐。

Answer 2

我修好了。

我只需要为：before伪元素添加一个css规则，以获得margin：0并显示：inline并处理问题。