填充似乎不能在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; } 

Answer 1

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

我所知道的是，iOS Safari使用填充模糊了盒子模型的背景。 同样的事情发生在背景颜色属性（见我的post链接上面）。

看起来像一个错误。 现在只有解决方法是去除背景元素的填充。