Ios iPad/iPhone出现CSS精灵问题，定位不正确

我遇到了一个关于CSS精灵的问题，该精灵用于我们网站的侧边栏小部件。在iOS 7.1的iPad上，精灵都被压得太深了

我尝试了其他几个建议，但没有明显的变化：

指定背景大小以防止缩放（不是缩放问题）

使用

背景剪辑

和

-webkit背景剪辑

剪辑到填充框

将视口设置为

最小比例=1.0，最大比例=1.0

，以及初始比例，禁用用户缩放等

您可以在以下网站上看到图标：

您会注意到这只是一个垂直对齐问题。图标水平放置在正确的位置。当你点击一个图标时，激活状态（橙色上的白色）不会改变，尽管它仍然被切断。这不是规模问题

我认为

元素实际上被某个东西压下了

有什么想法吗

预览：

---

所以我猜在

元素内部和嵌套的

元素之前出现了某种神秘的填充/换行问题

将跨度切换到绝对定位已经解决了这个问题，但我仍然不知道额外的空间从何而来

幸运的是，我的大部分结构都是对

元素进行的，因此这是非常简单的实现

.tag-list li.tag-item a {
  position: relative;
}
.tag-list li.tag-item a span {
  position: absolute;
  top: 0px;
  left: 0px;
}