CSS фоновое изображение, чтобы соответствовать ширине, высота должна автоматически масштабироваться пропорционально

у меня есть

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

Желаемый эффект состоит в том, что это фоновое изображение будет иметь ширину, равную ширине страницы, высота будет изменяться для сохранения пропорции. например если исходное изображение имеет размер 100 * 200 (любые единицы), а тело имеет ширину 600 пикселей, фоновое изображение должно иметь высоту 1200 пикселей. Высота должна изменяться автоматически, если размер окна изменяется. Это возможно?

На данный момент Firefox выглядит так, как будто он подбирает высоту, а затем корректирует ширину. Возможно, это потому, что высота - самое длинное измерение, и оно пытается избежать обрезки? яхотеть обрезать по вертикали, затем прокрутить: горизонтальное повторение отсутствует.

Кроме того, Chrome помещает изображение в центр, без повтора, даже когдаbackground-repeat:repeat дается явно, что в любом случае является значением по умолчанию.

Ответы на вопрос(10)

Ваш ответ на вопрос