先看一下错位的效果：
这本是iOS系统的一个BUG，不过在iOS11.3以后的系统中修复了；
解决办法：
在body标签中添加样式:
body {
position: fixed;
width: 100%;
}
或者
body {
overflow: hidden;
height: 100%;
}
ios11，弹出层内的input框光标错位
之前开发了一个微信项目，安全上线，维护期中苹果手机突然出现光标错位现象，经过排查，发现是最新的ios11系统的锅。
具体情况：弹出层使用position: fixed；弹出层内附带input/textarea输入框，ios11系统的苹果机用户在点击输入框，出现键盘后，弹出层被顶上去，而光标还停留在原处，即出现错位情况。
解决思路：
1.解决光标错位：弹出层设置为position: absolute；body添加position: fixed;
