Imagem de fundo CSS para ajustar a largura, a altura deve ser dimensionada automaticamente na proporção

Eu tenh

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

O efeito desejado é que esta imagem de plano de fundo tenha largura igual à da página, mudando a altura para manter a proporção. por exemplo. se a imagem original tiver 100 * 200 (todas as unidades) e o corpo tiver 600 px de largura, a imagem de plano de fundo deverá ter 1200 px de altura. A altura deve mudar automaticamente se a janela for redimensionada. Isso é possível

No momento, parece que o Firefox está ajustando a altura e ajustando a largura. Talvez seja porque a altura é a dimensão mais longa e está tentando evitar o corte? EUque para cortar verticalmente e role: sem repetição horizonta

Além disso, o Chrome está colocando a imagem no centro, sem repetir, mesmo quandobackground-repeat:repeat é fornecido explicitamente, que é o padrão de qualquer maneir

questionAnswers(20)

yourAnswerToTheQuestion