H5開發坑總結

1.1px顯示問題

IOS7 及以下以及一些 Android 機型上不支持 0.5px

2. iphoneX 系列手機適配問題

iPhoneX 及以上版本手機都採用了狀態欄、圓弧展示角、傳感器槽、主屏幕指示器和屏幕邊緣手勢。頭部底部側邊欄都需要做特殊處理,使得 content 儘可能的處於安全區域內,適配 iPhoneX 系列手機的特殊性。

3. click 點擊延遲與穿透問題

iOS 中的 safari,爲了實現雙擊縮放操作,在單擊 300ms 之後,如果未進行第二次點擊,則執行 click 單擊操作。也就是說來判斷用戶行爲是否爲雙擊縮放產生的。後來其他的瀏覽器都效仿 safari,實現了雙擊縮放功能,導致在大部分 app 中無論是否需要雙擊縮放這種行爲,click 單擊都會產生 300ms 延遲。

4. position fixed 和 sticky 兼容性

由於兼容性問題,在安卓端沒有很好地兼容。且它的活動範圍只能在父元素內,滾動超過父元素的話,它一樣不能吸頂

5. 軟鍵盤將頁面頂起來、收起未回落問題

在 Android 一些版本中,輸入鍵盤彈出來,會將解壓 absolute 和 fixed 定位的元素。導致可視區域變小,佈局錯亂

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章