最近在做一個專案，針對css3動畫遇到的問題頗多，想當然，一些由css3引發的手機適配也就來了，做了不少適配，個人覺著anroid手機應該是遇到適配問題最多的一大類手機了，不過在該動畫專案上，不得不對android手機佩服的五體投地，完全ko小蘋果； 下面就對ios動畫做一些問題總結：
rotateY翻轉動畫，ios系統8以上彈窗被背景遮住問題；
造成該問題原因就是ios手機動畫執行渲染的時候zindex層級失效導致彈窗被下面的蒙層遮住；
- 在外層容器上面使用overflow：hidden，完美解決該類問題；
複製程式碼ios動畫放大效果，造成手機圖片失真模糊不清
解決方案：正常放大scale(1)--scale(1.5)失真了，舉個栗子： 如果元素寬高100/100，放到兩倍到200/200，那麼設定動畫原始寬高200*200，使用scale（0.5），動畫放大到scale（1）完美解決失真問題； 其實原理吧，也應該很好理解，就像一個胖子放到一個小的屋子裡面擠著，忽然把它弄到一個放大一倍的屋子裡剛好可以舒服的展示--
當翻轉彈窗和彈窗上面放大同時存在的情況下，層級問題
首先彈窗A上面有一個放大元素，當A翻轉完畢同時放大到翻轉後的B上面，此時放大後的元素消失不見了； 首先，針對該問題，大家可以考慮到另一個問題那就是，元素放大過程中虛，失真同時放大完畢會抖動一下，同時我們使用transform: translate3d(0,0,0)； 上述問題，在放大元素外層容器加上translate3d(0,0,1rem)；在z級上面來一個級別提升；