移動端瀏覽器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在疊加區域的高亮問題