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 定位的元素。導致可視區域變小,佈局錯亂