gpt4 book ai didi

html - 在不保持纵横比的情况下拉伸(stretch) svg 背景

转载 作者:太空宇宙 更新时间:2023-11-04 11:26:41 32 4
gpt4 key购买 nike

我想使用 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/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com