移动端浏览器30坑，你踩过几个？

前端开发的痛苦之一就是各种浏览器、各种设备的坑。Device-Bugs收集了移动端浏览器和设备在实现标准上的缺陷。大家来对号入座下，有没有在开发中遇到过？

1. Oprea Mini 加载页面后不会重绘 :target CSS指令。

2. Blackberry OS6 的 SVG 字体支持糟透了

3. Blackberry OS5 不支持:before/:after的 background-image

4. 设定-webkit-appearance会导致Android 4.0+ 影子DOM样式问题

5. iOS7 虚拟器： 无法清除Safari的cookies和数据

6. Android默认浏览器键盘Resize事件问题

7. 后退时，iOS 禁用了iframe中的 Javascript

8. iOS 6-7 处理viewport相关的单位很诡异

9. spinner开启时，轻触与选中标签会导致键盘闪动

10. Android 4+ 上使用XHR2 发送Blob时发送的body为空

11. Android上canvas.toDataURL('image/jpeg')返回image/png on Android

12. Galaxy Nexus上的Android Jelly Bean的浏览器中，checkbox.attr('checked')不会触发重绘

13. HTML 5 time input导致Samsung Galaxy 2 ICS的Android浏览器崩溃

14. chrome下HTML5历史错误

15. 老旧的BlackBerry将rem units视为em

16. iOS <= 6 的 Safari：当手动改变hash并移动到另一个hash后，URL栏会显示旧hash值

17. @media screen和max-width: 320px问题

18. iOS5 日期选择器选定新日期时间后不会触发change事件

19. iOS5 文本框内的占位文本会切除过长的部分

20. 使用JS滚动页面后，iOS 5 固定位置元素重定位错误

21. 固定位置元素在BlackBerry 7虚拟器中会使浏览器崩溃

22. Android浏览器无法降级使用font-family

23. Chrome Beta (Mobile) 不支持 keypress事件

24. Android 4.0.(1|2) 全宽固定位置元素的回流问题

25. iOS 5的window.close问题

26. 选中菜单的Opera透明度问题

27. iOS中，使用向前或向后按钮离开时，表单的input和label元素会被加上悬停状态

28. -webkit-overflow-scrolling:touch 不“遵守” z坐标

29. iOS: input标签不会聚焦到相应的字段

30. Android -webkit-tap-highlight-color在叠加区域的高亮问题