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

Question

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

更新:下面是我 body 的 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%;
}