iOS系统和H5页面兼容性问题总结
文章目录
近一年陆续开发了一些 iOS 上的H5页面,总结一下遇到的兼容性问题。
常见类别总结
- iOS 对 fixed 布局支持不佳, 容易产生元素位置和光标位置异常
- overflow 为 scroll 的容器内 放置 input 或 textarea元素 产生光标消失和列表异常滚动问题
- iOS 和 Android 对 input 的键盘支持不一致
最易产生 bug 情形
input放置在一个 position: fixed 或者 overflow:scroll 的元素内部
问题列表
position: fixed 布局相关
input 标签放置在 fixed 布局的容器内部,产生光标问题
overflow: scroll相关
input 元素放在 overflow: scroll的元素内部, 产生光标错位