移动设备上的全屏幕背景图像

Question

我在主页上创建了HTML/CSS全屏背景。我的问题是用户需要滚动才能看到页脚，当我缩小屏幕时，我会看到图像下面有一个白色区域。

任何人都可以提供一个解决方案，使背景图像中心/响应，同时保持页脚在屏幕下方。当我谈到页脚，我不是指粘

网站：http://directbh.nl/ikbenzf/index_temp.html

Answer 1

试试这个

height: 100vh; 
width: auto; 
position: relative; 
transform: translateX(-50%); 

或者你可以使用它作为一个背景：网址（“image.jpg文件”）中心覆盖不重复;

Answer 2

您可以使用图像作为.page-container中的背景并添加以下css。无论图像的路径是什么。

.page-container { 
background: url(../images/doctor.jpg) no-repeat top center; 
background-size: cover; 
} 

Answer 3

我认为页脚需要有百分比高度和主要内容和标题。

.page-footer { 
    min-height: 8%; 
}