只有在Android浏览器上才能正确显示背景图像

我试图在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个截图来自android和IOS设备。只有在Android浏览器上才能正确显示背景图像

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

来源

2017-04-13 H.Al

做u使用的背景图片什么的CSS ？ – Minegolfer

请检查我的更新，谢谢 –

尝试添加：

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

来源

2017-04-13 11:54:00 Minegolfer

感谢您的建议，并对最近的回复感到抱歉，该解决方案解决了我一半的问题：PC（所有浏览器）和手机（android和IOS）上的sceens变得可滚动，而无需当屏幕太大时（例如PC和平板电脑屏幕），特别需要滚动条。确定背景它覆盖了孔屏幕，但是当我向下滚动时，白色空间再次出现，我该如何解决它？我怎样才能避免滚动和修复大屏幕特殊的屏幕？我想只在需要在小屏幕上时才能启用滚动... –

好的，我通过从身体中移除最小高度并使身体背景颜色=透明 –

只有在Android浏览器上才能正确显示背景图像

回答

相关问题