(持续更新中)移动端web开发兼容总结

1.对于animation和keyframes和transform开头的属性,最好还要写一种兼容的,就是加上webkit的前缀

2.backface-visibility 需要加webkit前缀,移动端backface-visibility 即使是跟随父元素翻转,也能有效。pc端跟随父元素的翻转是无效的

3.ios设备不支持animation-play-state属性,解决办法是利用添加和删除className来控制动画是否运行,可以在动画元素外部套一个父div,用来保存动画停止时的子元素的transfrom样式(利用getComputedStyle获取)(此方法只适用于2D动画或者3D单轴动画)

posted @ 2018-02-24 17:45  全世界最帅的程序员  阅读(124)  评论(0编辑  收藏  举报