当放大时，如何强制CSS背景图像适应其包含的元素？

我有一个无序列表（垂直显示），它使用背景图像在每个列表项中显示一个图形

在用户缩放之前，它看起来很好。一旦用户缩放，一些列表项的底部（内部）会出现一个小间隙。出现间隙是因为背景图像比列表项短，但两者的高度设置相同（44px）

看看这个例子。我在每个列表项中添加了一个红色背景，以便更容易识别差距。试着用谷歌浏览器放大一次

有没有办法消除这一差距？

---

我不能使用背景大小：封面，因为背景图像是精灵的一部分。

可能是由于某些值舍入错误，在放大时，Chrome以不同的方式渲染

s，导致一些高45像素，一些高44像素。但是，解决方法是不在li上设置高度和线高度，而是将其留给锚元素

---

将高度从44px降低到43px。

---

对我来说，这很有帮助，在您的示例中

缩放在不同浏览器中的实现方式不同。值舍入会做出某些假设，而这些假设有时是行不通的。