一.问题
在移动端的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;
}
