Html 填充不'；似乎无法在iOS上正确显示

我用3张背景图片显示一个移动站点的图标，它在我的电脑上显示得非常好（使用窗口大小和用户代理），然而，在我的iphone上，图标被切掉了，好像填充不够高

这就是它在桌面上的显示方式^

然而，在移动设备上，它具有这种效果

你知道这是什么原因吗？当设置为20%时，填充足以在所有屏幕大小中显示剩余几个像素的图标，但即使设置为22%，也无法正确显示，因此我假设这是一个iOS错误

如果有帮助的话，我正在使用ios7和safari

.icon-ticket
{
    background: url("@{path-img}icons/icon-ticket-2x.png") no-repeat;
}

.icon-players,
.icon-prize,
.icon-ticket
{
    background-size: 40%;
    padding: 22% 0;
}

---

我认为这与：

据我所知，iOS Safari正在用填充物遮挡盒子模型的背景。同样的事情也发生在背景色属性上（参见上面链接的我的帖子）

看起来像个虫子。此时唯一的解决方法是删除具有背景的元素的填充