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 定位的元素,導致可視區域變小,布局錯亂
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/256812.html
標籤:其他
上一篇:CSS3只讓背景圖片旋轉180度
下一篇:淺談Java類的設計
