【工作中】Ios和Android兼容問題匯總

1. fiexed問題,在iso下由于自帶的橡皮筋效果,會一直定位在底部。在調起系統鍵盤時,會在鍵盤下面。

2. 如果想要使用css3動畫,那么一定要變著方式使用3d gpu加速,不要嘗試著left,height,width這樣的元素進行變換,在Android4.4以下版本卡死你。要逐級加瀏覽器前綴。

3. Iso全線點擊會有300毫秒延遲,使用fastclick解決(本期其他博客有使用方法)。

4. qq瀏覽,uc瀏覽以及iso的瀏覽器,滾動式不會觸發scroll事件,但會觸發touchmove。當停止滾動后會觸發scroll。

5. 滾動有iscroll插件,但是還是使用原生的比較好。

6. meta標簽功能要用好,禁止縮放,縮放比例,屏蔽電話號碼等功能很實用。

7. 如果想要手機淘寶那樣的在各個平臺看起來展示效果一致,那么盡量使用rem方式進行布局。

8. -webkit-tap-highlight-color可以取消點擊高亮。

9. localStorage在瀏覽器開啟無痕模式下iso會拋異常,導致js中斷。

10. 一些情況下對非可點擊元素監聽click事件,iso下不會觸發,css增加cursor: pointer就搞定了。
未完待續,持續更新

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容