Html 为什么我需要200%的背景尺寸而不是封面

我试图使用内联svg作为背景图像（数据url），但是

背景大小：cover

似乎不太合适，但是

200%

非常适合

我想了解这个问题，这样我就可以确保使用不同的浏览器进行一致的渲染。理想情况下，如果可能，我希望继续使用

背景尺寸：封面

.card{
显示：内联flex；/*在我的上下文中是必需的*/
宽度：45V最大；
背景颜色：浅蓝色；
背景图像：url（'data:image/svg+xml；utf8'）；
背景尺寸：封面；
}
百分之二百{
背景大小：200%；
}
.视频{
垫面：56.25%；
}
身体{
保证金：0；
}

---

如评论所述，您可以调整视图框以覆盖路径，避免有额外的空间和使用

200%

svg{
边框：1px实心；
宽度：200px；
}

尝试将svg视图框从

viewbox=“0 0 2 2”

更改为

viewbox=“0 0 1 1”

，这能解决问题吗？您忘了说为什么需要更改

视图框。：）这是因为OPs路径的大小只有1x1个单元。2x2的viewBox比需要的大两倍。因此是200%。@PaulLeBeau没错，我认为我的第一个片段很清楚，第二个片段比第一个片段大两倍，并且已经覆盖了整个区域，不像第一个片段，我们需要200%来覆盖空间。噢，我想我在编写svg时犯了错误！谢谢