html - 填充似乎在 iOS 上无法正确显示

Question

我正在使用 3 个背景图像显示为移动网站的图标，在我的计算机上看起来非常好（使用窗口大小和用户代理），但是，在我的 iphone 上，图标被切断，好像填充不够高.

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

但是，在移动设备上，它具有这种效果 v

任何想法是什么原因造成的？填充，当设置为 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;
}

Answer 1

我认为这与我看到的一个问题有关：

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

似乎是一个错误。此时唯一的解决方法是删除具有背景的元素的填充。