Wie wird das Bild angepasst, wenn der Browser kleiner wird?

Question

Ich möchte die Hand immer zeigen, wenn die Breite des Browsers abnimmt.

Aber wenn die Breite des Browsers abnimmt, wird die Hand nicht mehr angezeigt.

https://codepen.io/anon/pen/GWdEVR

<header> 
    <div class="image"></div> 
</header> 

html, body { 
    height: 100%; 
} 

* { 
    margin: 0; padding: 0; 
} 

header { 
    height: 70%; 
} 
.image { 
    height: 100%; 
    width: 100%; 
    background: url("https://dl.dropboxusercontent.com/s/er5sypbyluenzco/Its%20ok.jpeg")no-repeat 0em -8em; 
} 

Answer 1

Sie müssen „center“ auf Ihren Hintergrund Eigenschaft

.image { 
    height: 100%; 
    width: 100%; 
    background: url("https://dl.dropboxusercontent.com/s/er5sypbyluenzco/Its%20ok.jpeg")no-repeat center -8em; 
}