Hintergrund fit Bildschirm Mit und dem Seitenverhältnis beibehalten, wenn Browser

Question

Wechsel brauchte ich mein Hintergrundbild meinen Bildschirm anzupassen, um das gesamte Bild und das Seitenverhältnis im Hinblick auf der Aufrechterhaltung (das Bild native 2160 von 1440) und neu einzustellen, ohne das Bild zu verzerren oder Kürzen wenn ich sage, die Größe meines Browsers nachstellen oder in einem anderen Browser anzeigen. Ich habe das Gefühl, dass ich das Flex-Box-Werkzeug benutzen kann, aber ich bin nicht damit vertraut. Kennt jemand eine Lösung dafür?

Hier ist Code, den ich habe bisher:

<style> 
body { 
    background-image: url(img/index.png); 
    background-size:  cover; 
    background-repeat: no-repeat; 
    background-position: center center; 
} 

Answer 1

Sie suchen Hintergrund-size: Cover:

.bg-image{ 
    background-image: url(http://i.imgur.com/GN2OnW8.jpg); 
    background-size:cover; 
} 

https://jsfiddle.net/x0w2a0a7/