解决移动端键盘弹起 导致input布局出现问题的解决方法

使用下面方法 布局问题使用方法

用

position: relative;
position: absolute;

 var ua = window.navigator.userAgent;
        if(ua.indexOf('Android') > -1 || ua.indexOf('Adr') > -1){
            var winHeight = $(window).height(); //获取当前页面高度
            $(window).resize(function() {
                var thisHeight = $(this).height();
                if (winHeight - thisHeight > 50) {
                    $('body').css('height', winHeight + 'px');
                } else {
                    $('body').css('height', '100%');
                }
            });
        }

mounted() {
    const ua = window.navigator.userAgent;
    if (ua.indexOf('Android') > -1 || ua.indexOf('Adr') > -1) {
      const winHeight = document.body.clientHeight;
      window.onresize = () => {
        var thisHeight = window.innerHeight;
        if (winHeight - thisHeight > 50) {
          document.body.style.height = winHeight + 'px';
        } else {
          document.body.style.height = '100%';
        }
      };
    }
  }