Fenstergröße ändern, Bildgebung in Richtung Zentrum ändern?

Question

Ich frage mich, ob es möglich ist, ein Bild oder div mit einem Bildhintergrund zu verkleinern, so dass es in die Mitte gehen würde, sobald die Fenstergröße die Bildgröße erreicht, und wenn es weitergeht, wird es sich von links und rechts bewegen in Richtung Zentrum zu gehen:

zum Beispiel: Ex

von mit ‚margin: 0 auto‘ und anderen Code ich habe online gefunden, es sieht aus wie es auf der linken Seite ausgerichtet ist und die Pixel wegnimmt das Recht wie: Ex2

Answer 1

Wenn Sie dieverwendenEigentum, verwenden Sie die background-size: contain attribute.

HTML

<div id="background"></div> 

CSS

#background { 
    width: 100%; 
    height: 50px; 
    background: url("path/to/image.jpg") no-repeat center; 
    background-size: contain; 
} 

Versuchen und mehr Code schreiben als nur Screenshots in der Zukunft.