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