在Chrome上放大时,图像精灵会变得不对齐

在缩放时在Chrome上,带有图像精灵的图标会变得不对齐.当你沿着背景图像走得更远时,位置似乎略微下降.这只发生在Chrome中.

这是CSS.

.feature-icon {
    height: 22px; 
    width: 22px;
    display: inline-block;
    background-image:url(feature-icon-sprite.png);
    background-size: 22px;
}
.schedule {
    background-position: 0 0; 
}
.selections {
    background-position: 0 -22px; 
}
.messages 
    background-position: 0 -44px; 
}
...

这是HTML.

我在互联网上看过像这样的文章.听起来像Chrome中有一些像素舍入问题.我已经尝试将大小更改为20px以避免出现问题,但在缩放110%时仍然会发生这种情况.