一.问题

    在移动端的h5页面中，安卓输入法键盘弹出影响页面展示效果 （安卓有问题，ios没问题）

二.原因分析

    1.安卓端：安卓中，如果将footer元素设置为position:fixed或absolute，因为软键盘会改变页面的高度（将页面顶上来），因此footer元素也跟着移动上来，导致页面变形；

     2.    IOS端：苹果的软键盘是覆盖的（分层），因此H5页面显示没有什么问题。

三.解决方法

使用 position: fixed;：将背景图所在的元素的 position 属性设置为 fixed，这样背景图也会固定在屏幕上

body {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-image: url('background-image.jpg');

  background-size: cover;

  background-repeat: no-repeat;

}