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

我有一个我想缩放的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">

查看这篇文章……svg缩放的基本阅读资料。你可以试着让url/bg.svg#svgView（preserveSpectratio（none））在Firefox上工作，而不确定其他UAs是否工作。或者只需将preserveSpectratio=“none”添加到bg.svg文件的根svg元素中。