悬停时带颜色转换的文本偏移1px

我确实在Chrome中看到了这个问题,但在Firefox中没有。我能够通过对你的一个CSS规则进行小调整来解决这个问题:

.post-ratings-rating {
    ...
    font-family: FontAwesome;
    font-size: 1.5em;
    width: 30px;
    ...
}

如果您更改 width 到使用像素的绝对值,图标不会移动。相对单位是问题的根源。为什么?我怀疑浏览器在从em转换到px时的运算方式不同。