移动设备兼容列表

1. 三星 i9100，-webkit-backface-visibility: hidden; .transform(translateZ(0) scale(1, 1)); .transition(opacity 1s) ，导致后续元素 transform 失效，

   解决办法：改动态追加。

2. 三星 i9100，viewport meta 无 user-scalable=no 时，fixed 对象 scroll 时定位失效。

3. 联想 S720，.transform(scale(.666)) 小数点不精确导致缩放4边线随机不显示，

   解决办法：.transform(scale(2/3))。

4. filter blur 使用 GPU 加速，vivio X6plus（页面性能差） 和 华为 x2（跳转时渲染错误），

   解决办法：根据 ua 动态使用 GPU 加速。

5. 华为 mate 8，input 输入框区外点击时会触发一次 input。

6. iOS 9，opacity 动画抖动 flickering，

   解决办法：父级：-webkit-transform-style: preserve-3d，自身：-webkit-backface-visibility: hidden。

7. 小米 2s，img 内联块遮盖住父级下边线，

   解决办法：改块级。

8. iOS 8，$.fn.css('transform')，返回是 null 而不是 none，原因是 style.transform 返回 undefined，getComputedStyle.getPropertyValue('transform')返回 null。

9. less 解析 calc(rem + px)错，解决办法 ~"calc(0.083rem+10px)”。

10. 小米 2s，Android 4.1.1、HTC 4.0，flex 子元素 display:inline-block 时，宽度布局失败问题。

11. 魅族 M040 Android 4.4.4，只支持-webkit-transition。

12. 中兴 ZTEU5S Android 4.2、三星N7508 Android 4.3，实际只支持 webkitTransitionEnd。

13. border-radius overflow: hidden 圆角隐藏自身或子元素 background-color 内容无效，

    解决办法：改成background-image: linear-gradient。

14. oppo A33 Android 5.1.1，a.fn = function(){}，a.fn.name为空。

15. iOS下，height:100% 的局部滚动，overflow:其他值变 hidden，导致页面闪下（快速空白），原因触发 -webkit-overflow-scrolling: touch 的 touch变化。

16. oppo R7s Android 4.4.4，text-indent: -9999em，animation动画时渲染不全，

    解决办法：em 改 px，text-indent: -9999px。

17. vivo X5SL Android 4.4.4，-webkit-filter: grayscale 渲染锯齿。

18. 华为 Mate 1，position: fixed 时，transform:translate(-50%)无效，

    解决办法：多套一层 fixed 和 transform 分开写。

19. vivo S7i(t) Android 4.2.2，animation linear infinite 简写不支持，

    解决办法：分开写。

20. vivo X5s，不能同时播放多个 audio。

21. 三星 Galaxy Note，transparent 和 rgba(255, 255, 255, 0)无效，

    解决办法：-webkit-tap-highlight-color: rgba(0, 0, 0, 0)。

22. oppo U705t Android 4.0，strict mod 不支持错误。