移動開發的坑

IOS篇

在IOS端存在不少問題

1. 樣式 IOS端自帶樣式 與安卓有不少不一樣 爲了各個終端樣式統一 可使用 -webkie-appearence:none 來清除樣式 並進行統一的編寫
2. -webkit-appearence:none 帶來的問題  -webkit-appearance會將webkit瀏覽器中的元素默認樣式去除。checkbox在這個屬性下就直接隱藏掉了。而後用JS獲取checkbox值時Webkit瀏覽器會報很奇怪的錯誤。給這個元素從新賦上-webkit-appearance:checkbox就不會報錯了。
3. 事件委託 在IOS端 事件不可委託與document 委託至document 則事件不會觸發 需將事件委託在父元素之上
4. 輸入框放大 IOS端輸入框點擊會放大 且沒法自動恢復 利用meta標籤來解決這個問題 <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">