【CSS】背景图为.svg时无法拉伸的问题

使用 .svg 作为背景图片，拉伸的时候用background-size不生效

.div {    background-image: url('photo.svg');    background-repeat: no-repeat;    background-size: 100% 100%;}

需要对该 .svg 文件添加 **preserveAspectRatio="none"**具体添加位置为 svg 标签的框里面

<svg width="40" height="22" viewBox="0 0 40 22" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">