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%;

    }

 

posted @ 2022-11-15 10:51  小庄的blog  阅读(106)  评论(0编辑  收藏  举报