（持續更新中）移動端web開發兼容總結

時間 2019-11-08

標籤持續更新移動 web 開發兼容總結欄目無線简体版

原文原文鏈接

1.對於animation和keyframes和transform開頭的屬性，最好還要寫一種兼容的，就是加上webkit的前綴ios

2.backface-visibility 須要加webkit前綴，移動端backface-visibility 即便是跟隨父元素翻轉，也能有效。pc端跟隨父元素的翻轉是無效的web

3.ios設備不支持animation-play-state屬性，解決辦法是利用添加和刪除className來控制動畫是否運行，能夠在動畫元素外部套一個父div，用來保存動畫中止時的子元素的transfrom樣式（利用getComputedStyle獲取）(此方法只適用於2D動畫或者3D單軸動畫）動畫