svg图片大小固定，无法像普通图片可以伸展？

<svg width="100%" height="100%" id="svg" viewBox="0 0 1440 700" xmlns="http://www.w3.org/2000/svg" class="transition duration-300 ease-in-out delay-150" preserveAspectRatio="none"><style>

 

在svg标签下加  preserveAspectRatio="none" 即可像普通图片那样。

 

 

背景图片这样设置，比如：

    #main {
        background-image: url('@/assets/main_background.svg');
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-size: 100% 100%;

    }