一个元素,对它采取绝对定位,设置top为若干rem,left为若干rem。
一切正常。
然后对它设置css3动画,
from{top:若干x rem; left:若干x rem}
to{top:若干y rem; left:若干y rem}
这时,iphone上的表现就出问题了,它的动画距离变得非常的微小,安卓上则一切正常。
如果去掉css3动画,那么iphone的表现就如帖子开始所说,一切正常。
这个iphone的bug,可以通过把动画里的单位改成百分比解决,但是,
谁知道css3动画时,为啥iphone的rem会出问题,有什么解决办法?
还有,一个全宽波浪图片,从右往左无限滚动(div设置背景图的形式),把全宽的rem算出来,设置css3动画,安卓一切正常,iphone则没反应。
并且这个换成百分比,在iphone6上依然不动,别的iphone测试会动。
以前觉得chrome和safari都是先进技术的代表,现在觉得还是谷歌更nb。
也没亏我是果黑,我自己是没有iphone的,都是同事的。
iphone的这个bug,给我带来很大麻烦,以后做动画都心里没数。
--
FROM 119.79.88.*