与png等其他图像文件不同，SVG背景不会不成比例地伸展

Question

我的目标是让背景图像伸展以填充整个容器并拉伸而不保持比例。我发现以下代码适用于png文件但不适用于svg。

div
{
    background:url("/img/png/angle.png");
    background-size:100% 100%;
    background-repeat:no-repeat;
}

所以，这样可行，但是如果我用svg替换png，它会保持它的比例，这是你想要的大部分时间，但不是这个特定的时间。

所以，我不一定要使用背景图像。如果使用img标签使其工作，我将使用它。我想要的只是图像伸展以填充而不保持其比例。

Answer 1

在根preserveAspectRatio="none"元素上添加<svg>，这应该可以使其正常工作。