CSS关键帧在IOS设备上不起作用(Chrome、Safari)

CSS关键帧在IOS设备上不起作用的问题可能是由于以下原因导致的：

1. 浏览器兼容性问题：IOS设备上的浏览器可能对CSS关键帧的支持存在差异，导致动画效果无法正常显示。在IOS设备上，主要使用的浏览器是Safari和Chrome。
2. CSS属性支持问题：某些CSS属性在IOS设备上可能不被支持或支持有限，导致关键帧动画无法正常展示。在编写CSS关键帧动画时，需要注意使用兼容性较好的CSS属性。

解决这个问题的方法可以包括以下几个方面：

1. 使用CSS前缀：在编写CSS关键帧动画时，可以尝试使用浏览器厂商前缀来增加兼容性。例如，对于某个关键帧动画的CSS属性，可以分别使用"-webkit-"、"-moz-"、"-o-"等前缀来适配不同的浏览器。
2. 使用JavaScript库：如果CSS关键帧在IOS设备上仍然无法正常工作，可以考虑使用JavaScript库来实现动画效果。一些流行的JavaScript动画库如GreenSock Animation Platform (GSAP)、Animate.css等，可以提供更好的跨浏览器兼容性。
3. 使用其他动画技术：除了CSS关键帧动画，还可以考虑使用其他动画技术来实现类似的效果。例如，使用JavaScript绘制Canvas动画、使用SVG实现矢量动画等。

总结起来，解决CSS关键帧在IOS设备上不起作用的问题可以通过使用CSS前缀、JavaScript库或其他动画技术来实现。具体的解决方法需要根据具体情况进行调试和尝试。