mobieleデバイスのフルスクリーン背景画像

Question

ホームページでHTML/CSSフルスクリーン背景を作成しました。私の問題は、フッターを見るためにスクロールする必要があることです。画面を小さくすると、画像の下に白い部分が表示されます。

誰でも私には、背景イメージの中心/応答性を向上させるソリューションを提供することができ、その間にフッターを画面の下に置くことができます。 URL（「image.jpg」）センター：http://directbh.nl/ikbenzf/index_temp.html

Answer 1

この

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

それとも、背景としてそれを使用することができますしてみてください：私はフッターについて話すとき、私は粘着性

ウェブサイトを意味するものではありません。カバーノーリピート;

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%; 
}