在ios和android中点击input框之后页面样式不同

Question

正在做一个评论和回复的页面，头部有评论和评论条数，底部是一个输入框，点击输入框输入法会把框子遮挡掉，这样做解决了遮挡问题

$('.remark_content footer input').focus(function(){
    interval = setInterval(function(){
            document.body.scrollTop = document.body.scrollHeight;
        },300);
  });
  $('.remark_content footer input').blur(function(){
    clearInterval(interval);
  });

然后在ios和android中的显示出现了这样的差别，ios中将整体往上推了

android中把整体进行了缩小然后放在上半部分:

我想要的是顶部和底部的大小不变，然后中间部分可以滚动，问下有没有什么解决办法