问如何使用SVG片段并设置background-size: cover？
EN

Stack Overflow用户

提问于 2020-02-05 16:23:21

回答 1查看 50关注 0票数 0

当我使用fragments时，我有一个关于SVG图像大小的问题。当我设置background-size: cover时，图像不会覆盖容器中的可用空间。

这是一个demo。

有没有可能使用SVG片段，并且能够以适当的行为在background-size中使用contain和cover？

发布于 2020-02-05 17:02:14

问题是您没有指定父SVG的宽度和高度。Chrome有一个bug，需要为片段指定高度和宽度，以处理与img相关的CSS技术，不确定信息的来源，但CSS Tricks记录了它的here。我认为高度和宽度只需要在使用标签的父SVG中指定。

您可以在这里看到，在sprite.svg中设置svg标记的高度和宽度可以在两个版本之间提供统一的行为。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/60071650

复制

相似问题

问如何使用SVG片段并设置background-size: cover？EN