我想使用 svg 图像作为背景图像, 我想显示整个图像(无裁剪)并将图像拉伸(stretch)到容器 div 的 100% 高度和宽度,不保持原始纵横比。
我希望这会起作用:
background-size: 100% 100%;
但不是,高度是 100% 但宽度不是,它保持原始纵横比。
如果我使用 png 图像而不是 svg,它确实有效。
有没有办法用 svg 做到这一点?
最佳答案
解决方法:
在文本编辑器中打开 svg 文件并添加此属性:
<svg preserveAspectRatio="none"
关于html - 在不保持纵横比的情况下拉伸(stretch) svg 背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32324949/