填充似乎没有在iOS上正确显示

Question

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

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

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

任何想法导致了什么？当设置为20％时，填充足以显示所有屏幕尺寸中剩余几个像素的图标，但即使设置为22％也不能正确显示，因此我假设它是iOS错误。< / p>

如果有帮助，我正在使用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

我认为这与issue I'm seeing：

有关

据我所知，iOS Safari正在通过填充来模糊盒子模型的背景。 background-color属性也是如此（请参阅上面链接的帖子）。

好像是一个错误。此时只有解决方法是删除具有背景的元素的填充。