微信h5输入框键盘兼容问题

问题：

微信里面打开h5页面的时候：

ios:当输入框失去焦点时，页面顶上去后下不来；

position: fixed的元素(弹窗)在ios里，收起键盘的时候会被顶上去，特别是第三方键盘

安卓：当输入框聚焦时，页面没有上去，安卓键盘遮挡页面，导致看不到当前聚焦的输入框；

答案：

html:

<div class="list-warp">
  <div class="title"><span>投·被保险人姓名</span></div>
   <div class="content">
     <input class="content-input" 
            placeholder="请输入姓名"
            v-model="peopleList.name"
           @focus="changefocus()"
           @blur.prevent="changeBlur()"/>    </div>
 </div>

js:

changeBlur(){
      let u = navigator.userAgent, app = navigator.appVersion;