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 定位的元素。导致可视区域变小,布局错乱