對一個前端開發者來說，最煎熬的莫過於"相容"兩個字了（說到這個詞朋友們是不是身體一抖），哪怕對於工作多年的老油條來講，也不是完全瞭解各種場景下的相容性處理方法。在這裡我就把我在工作當中遇到的關於iphone手機h5頁面的相容性處理和大家分享一下。

html,body{ -webkit-text-size-adjust: none; }  // 當需要在中文版chrome瀏覽器中顯示小於12px的字型時，而且此時頁面放大效果會被阻止

html,body{ -webkit-tap-highlight-color: rgba(0,0,0,0); }  // 去掉蘋果手機點選瞬間出現的灰色背景

input{ -webkit-appearance: none; } // 去除蘋果手機預設的input樣式（預設樣式可醜了ಥ﹏ಥ）

selector{ cursor: pointer } // 給IOS系統裡cursor不為pointer的元素新增事件時會不同程度受影響，加上cursor: pointer可解決

img{ pointer-events: none; } // 阻止圖片在微信裡被點選放大

……

好了，能力有限，目前遇到的就這麼多，當然相容性問題還有千千萬，歡迎大家來補充~