为什么 jQuery Mobile 1.1-rc1 使用 .gif 作为加载图标（再次）？

Question

在 1.0.1 中，微调器图标是一个使用 CSS 旋转的 png。这对我来说在 Android 2.x 上看起来很流畅。

在 1.1-rc1 版本中，他们将图标从 .png 更改为动画 .gif

在 Android 上，动画 .gif 对我来说表现很奇怪，在 2.2.x 和 2.3.x 上速度不稳定，在 2.1.x 上不起作用

他们为什么将它从一个更改为另一个？不使用 CSS 旋转 .png 对我来说似乎更清晰、更流畅有什么好处。

有谁知道如何在 1.1-rc1 中实现旧的加载器？

Answer 1

JQM 可能更改了加载图标，因为它依赖于 webkit 动画。动画 gif 支持更多浏览器。

要实现 png 加载图标覆盖 .ui-icon-loading 类。

.ui-icon-loading {
    background: url(http://code.jquery.com/mobile/1.1.0-rc.1/images/ajax-loader.png);
    background-size: 46px 46px;
    width:46px;
    height:46px;
    -webkit-transform: rotate(360deg);
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
}
@-webkit-keyframes spin {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}