缩放svg背景图像丢弃纵横比

Question

我有一个我希望缩放的svg图像，但是当我缩放它时它会保持纵横比，所以图像的底部或顶部被截断，是否有我可以做的事情，所以它填充页面并没有保持它的宽高比？

这就是我正在使用的：

body {
    background-image: url(/bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

我不确定这是否对任何事情都有影响，但我也在HTML中有这个

<meta name="viewport" content="width=device-width, initial-scale=1.0">