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