CSS imagen de fondo para ajustarse al ancho, la altura debe escalar automáticamente en proporción

Yo teng

body {
    background: url(images/background.svg);
}

El efecto deseado es que esta imagen de fondo tendrá un ancho igual al de la página, y la altura cambiará para mantener la proporción. p.ej. Si la imagen original es de 100 * 200 (cualquier unidad) y el cuerpo tiene 600px de ancho, la imagen de fondo debería terminar siendo 1200px de alto. La altura debería cambiar automáticamente si la ventana cambia de tamaño. ¿Es posible

En este momento, parece que Firefox está ajustando la altura y luego ajustando el ancho. ¿Es esto quizás porque la altura es la dimensión más larga y está tratando de evitar el recorte? YOdesea para recortar verticalmente, luego desplácese: sin repetición horizontal.

Además, Chrome está colocando la imagen en el centro, sin repetir, incluso cuandobackground-repeat:repeat se proporciona explícitamente, que es el valor predeterminado de todos modos.

Respuestas a la pregunta(20)

Su respuesta a la pregunta