css3动画ios兼容性，css 兼容

css3的animation在ios中不能无限循环播放

1、animation：mymove 5s infinite；在animation后面加上infinite就可以无限循环，另外还可以做反向循环使用animation-direction animation-name规定需要绑定到选择器的 keyframe 名称。

2、将动画绑定到选择器：在样式中，设置动画属性animation，自定义动画名称和时长。规定动画开始时的等待时间：animation-delay：时间；可以为秒、毫秒2s，2ms。

3、animation-iteration-count 规定动画应该播放的次数。（值：n次，infinite无限循环）animation-direction 规定是否应该轮流反向播放动画。总结：根据上述属性，只需要根据具体情况设置animation-delay和animation-iteration-count即可。

4、-webkit-animation-duration：3s；（3）animation-timing-function：动画速度曲线linear ：以匀速播放 ease ：刚开始动画速度慢然后加快在结束时变慢 （默认）ease-in ：指动画以低速开始 ease-out ：指动画以低速结束。

相关问答

Q1: 移动的一些兼容性问题

移动端网站的兼容性问题 现在市场上不同的智能手机有不同的屏幕尺寸，很多用户使用的是不同的搜索引擎，因此在建设移动端网站时首要考虑兼容性问题。

移动网络带宽限制：移动网络带宽相对传统的有线网络较低，可能会影响MCRM系统的数据传输速度和效率。

移动号码设置了呼叫转移，将所有来电都转移到一个无效的号码上，导致联通号码无法打入。 联通号码设置了限制号码呼入，只允许部分号码呼入，因此其他号码无法打入。

所有移动硬盘只要是Fat32就可以被识别，可以考虑购买一个硬盘盒和一个普通硬盘，那样能便宜一点。

用jquery可以解决绝大部分问题，当然最好还是了解一下具体的实现，虽然不用你自己去实现，但原理你要懂，因为指不定哪天遇到个疑难杂症需要你亲自出马解决的。

Q2: 手机上的css3动画为什么不动

可能是源代码问题，可以查看源代码，代码不多的，用手机和电脑浏览，注意那个充电头的动画。

所以说，当系统接收到Touch事件之后会优先响应，此时会暂停屏幕上包括js、css的渲染。这个时候不光是css动画不动了，哪怕页面没有加载完如果你手指头还停留在屏幕上那么页面也不会继续加载，直到你的手松开。

-webkit-animation：rotateplane 2s infinite ease-in-out；通过这段代码我们能知道这个animation的动画名是rotateplane，在开发者工具中查找相关到文件是showcase_ddb08a6630.css。

} 重新检查并修补了下css文件里所有的关于animation的属性，看来所有针对相关浏览器兼容的代码是必须要同时规范，例如-webkit-animation后面接的一定是@-webkit-keyframes而不是@keyframes，后面所写的其他动画才会一并生效的。

从上面的代码可以看出，由于是使用css3强大的动画效果，所以我的结构定义的非常简单（在符合语义的前提下），同时没有引用到javascript脚本文件。

css3动画ios兼容性的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css 兼容、css3动画ios兼容性的信息别忘了在本站进行查找喔。