背景图片仅在 Android 浏览器上无法正确显示
Background image is not displayed properly only on Android browsers
我正在尝试使用 bootstrap 库创建我的第一个响应式网站,我的登录页面的视觉 2010.Background 是一个显示在漏洞页面中的图像。这就是为什么我在手机上使用viewPort来调整它的原因......
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
它在所有浏览器和 IOS 设备上工作正常,但对于 Android 设备它不能正常工作。每个 Android 屏幕的底部都有一个白色 space。我怎样才能删除这个白色 space 并在 android 浏览器上正确显示图像?附件是 android 和 IOS 设备的 2 个屏幕截图。
更新:
下面是我的cssclass我的身材:
.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;
}
尝试添加:
html{
height:100%;
min-height:100%;
}
body{
min-height:100%;
}
我正在尝试使用 bootstrap 库创建我的第一个响应式网站,我的登录页面的视觉 2010.Background 是一个显示在漏洞页面中的图像。这就是为什么我在手机上使用viewPort来调整它的原因......
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
它在所有浏览器和 IOS 设备上工作正常,但对于 Android 设备它不能正常工作。每个 Android 屏幕的底部都有一个白色 space。我怎样才能删除这个白色 space 并在 android 浏览器上正确显示图像?附件是 android 和 IOS 设备的 2 个屏幕截图。
更新: 下面是我的cssclass我的身材:
.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;
}
尝试添加:
html{
height:100%;
min-height:100%;
}
body{
min-height:100%;
}