背景图像仅在 Android 浏览器上无法正确显示

Question

我正在尝试使用 Visual 2010 上的引导库创建我的第一个响应式网站。我的登录页面的背景是显示在孔页中的图像。这就是为什么我在手机上使用viewPort进行调整的原因...... <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> 它在所有浏览器和 IOS 设备上都可以正常工作，但对于 Android 设备则无法正常工作。每个 Android 屏幕的底部都有一个空白区域。如何删除此空白并在 android 浏览器上正确显示图像？附上2张安卓和IOS设备的截图。

更新： 下面是我身体的 css 类：

.imgBack { 
   background: url(images/bg.jpg) no-repeat center center fixed; 
   -webkit-background-size: cover; 
   -moz-background-size: cover; 
   -o-background-size: cover; 
    background-size: cover; 
}

Answer 1

尝试添加：

html{
    height:100%;
    min-height:100%;
}
body{
    min-height:100%;
}